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

/* -------------------------------------------------------------------------------- */
/* 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%;} form { margin: 0; }

html { overflow-y: scroll; }

/* Tables */ table { font-size: inherit; font: 100%; 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)); }

/* Good ol' clearfix */
.cf:before,.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; } /* For IE 6/7 only */

/*  viewport CSS declaration for IE10 */
@-ms-viewport{ width: device-width; }

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

body { font-family: 'Open Sans', sans-serif; font-size: 100%; line-height: 1.8em; font-weight: 300; color: #333; }

h1,h2,h3,h4 { clear: both; padding: 0; font-weight: normal; }

h1 { margin: 0 0 25px 0;   font-size: 1.8em; line-height: 1.5em; }
h2 { margin: 20px 0;  font-size: 1.375em; line-height: 1.5em;}
h3 { margin: 15px 0;  font-size: 1.125em; line-height: 1.5em;}
h4 { margin: 10px 0;  font-size: 1em; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }
h5 { margin: 10px 0;  font-size: 13px; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

p { margin:0 0 10px 0; }

/* Link defaults */
a { background: transparent; font-weight: normal; outline: none; vertical-align: baseline; color: #960000; text-decoration: none; } /* Red*/ 
a:hover,a:active { text-decoration: underline; color: #024319; } /* Green */ 

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

.main-text-area ul { list-style: disc inside; }

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

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }    

blockquote, q, .quote { quotes: none; text-indent: 60px; position: relative; font-style: italic; color: #666; font-size: 1rem; font-family: Georgia,Times,"Times New Roman",serif; }
blockquote:before, q:before, .quote:before {content: "\201C"; font-family: Georgia,Times,"Times New Roman",serif; color: #004217; font-size: 120px; line-height: 0px; display: block; position: absolute; top: 30px; left: -70px; }

blockquote, q { max-width: 40%; float: right; margin: 40px 0 40px 40px; }


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 #c6c6c6; border-bottom: 1px solid #fff; margin: 30px 0; padding: 0; }   

img { max-width: 100%; height: auto; } 

.alignright {float:right; padding:0 0 2% 4%; text-align:right;}
.alignleft {float:left; padding:0 4% 2% 0; text-align:left;}
.aligncenter { display: block; clear: both; padding:2% 0; text-align:center; margin:0 auto;}

p.wp-caption-text {background:#eee; color:#999; font-style:italic; padding:4% 5%; width:87%; font-size:14px; line-height: 18px; }
.wp-caption { max-width: 100%!important; }
.wp-caption img { display: block; }

.bold { font-weight: bold; }


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

input,select,textarea { color: #333; display: inline-block; border: none; border: 1px solid #ccc; padding: 12px; margin: 0; background: #eee; box-sizing: border-box; max-width: 100%; }
input, select { vertical-align: middle;}

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

button { width: auto; overflow: visible; }

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

input[type="checkbox"].addon-checkbox { margin-top: 8px; }

.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; }

/* Default button style */
.button, input[type="submit"] { display: inline-block; width: auto; padding: 12px!important; margin:0; text-decoration: none; text-transform: capitalize; cursor: pointer; box-sizing: border-box; text-align: center; }

/* Button colours */
.button, input[type="submit"] { font-family: 'Open Sans', sans-serif; background: #024319; border: none; box-shadow: 0 0 3px rgba( 0, 0, 0, 0.4 ); color: #fff!important; font-size: 18px!important; font-weight: 300!important; border-radius: 0!important; }

.button, .cta-button, .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,
input[type="submit"]  {background: rgb(43,98,62)!important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(43,98,62,1) 0%, rgba(0,48,17,1) 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,98,62,1)), color-stop(100%,rgba(0,48,17,1)))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(43,98,62,1) 0%,rgba(0,48,17,1) 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(43,98,62,1) 0%,rgba(0,48,17,1) 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(43,98,62,1) 0%,rgba(0,48,17,1) 100%)!important; /* IE10+ */
background: linear-gradient(to bottom,  rgba(43,98,62,1) 0%,rgba(0,48,17,1) 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b623e', endColorstr='#003011',GradientType=0 )!important; /* IE6-9 */
}


.button:hover, .cta-button: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, input[type="submit"]:hover { background: rgb(0,48,17)!important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,48,17,1) 0%, rgba(43,98,62,1) 99%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,48,17,1)), color-stop(99%,rgba(43,98,62,1)))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,48,17,1) 0%,rgba(43,98,62,1) 99%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,48,17,1) 0%,rgba(43,98,62,1) 99%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,48,17,1) 0%,rgba(43,98,62,1) 99%)!important; /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,48,17,1) 0%,rgba(43,98,62,1) 99%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003011', endColorstr='#2b623e',GradientType=0 )!important; /* IE6-9 */
}

.button.back { margin-bottom: 40px!important; }

.button.half { width: 50%!important; }

/*Shortcode Button*/
   
.button.quick, .button.apopup { margin: 20px 0!important; }

.button.quick:after, .button.apopup:after { content: "\00bb"; padding-left: 5px; }

/*PopUp*/
.popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 0, 0, 0, 0.5 ); z-index: 99999; }
    .popup-content { max-width: 100%; height: 200px; position: absolute; overflow: auto; top: 0; left: 0; right: 0; bottom: 0; padding: 60px 40px 40px 40px; margin: auto; background: #fff;  }
    .closepopup { position: absolute; top: 20px; right: 20px; font-weight: bold; } 


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

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

body { background: url(_/images/walnut-bg.jpg); }

.wrapper { background: #fff; box-shadow: 0px 0px 16.2px 1.8px rgba(0, 0, 0, 0.4); }

/* Reused across site to align elements centrally within 100% width */
.alignment { width: 100%; max-width: 1260px; height: 100%; z-index: 2; margin: 0 auto; }           

.inner, .sidebar-inner { padding: 20px; }
.v-inner { padding: 20px 0;  }

.header, .footer, .cta-items { background: #004217 url(_/images/dot-pattern.png); }

.top-bar, .footer-bottom { background: rgba( 0, 0, 0, 0.4 ); } 

.ie8 .top-bar, .ie7 .top-bar, .ie8 .footer-bottom, .ie7 .footer-bottom  { background: #00230C; }  

.header, .header a, .footer, .footer a { color: #fff;  }

.icon, .social { background: url('_/images/icons.png') no-repeat 0 0; }  
.icon { display: inline-block; vertical-align: inherit; margin-right: 10px;  }


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



/* -------------------------------------------------------------------------------- */
/* Menu */
/* -------------------------------------------------------------------------------- */

#menu-click, #menu-shopper { line-height: 10px; float: left; width: 50%; }
#menu-click .icon { background-position: -51px 0; width: 13px; height: 10px; vertical-align: top; }

#menu-shopper { display: inline-block; float: right; width: auto; }
#menu-shopper li { display: inline-block; margin-left: 20px; }
#menu-shopper li.login { display: none; }

.login a, .basket a { padding-left: 30px; background: url('_/images/key.png') no-repeat left center; }
.basket a { background: url('_/images/basket.png') no-repeat left center; }

.menu-item { margin: 0; padding: 0; }
.header a, .menu-item a, .footer-bottom{ text-transform: uppercase; }

.main-nav { display: none; }

#menu-main-menu .menu-item a { display: block; padding: 20px 0; width: 100%; border-bottom: 1px solid #fff; text-align: center; font-size: 1.125rem; }  
 
#menu-main-menu .menu-item.current-menu-item, #menu-main-menu .menu-item:hover { background: rgba( 0, 0, 0, 0.2 ); text-decoration: none!important; }
.ie8 #menu-main-menu .menu-item.current-menu-item, .ie8 #menu-main-menu .menu-item:hover,
.ie7 #menu-main-menu .menu-item.current-menu-item, .ie7 #menu-main-menu .menu-item:hover { background: #00230C; }

#menu-main-menu .menu-item a:hover { text-decoration: none!important; }             


/* -------------------------------------------------------------------------------- */
/* Image slides/banners */
/* -------------------------------------------------------------------------------- */

.gallery-wrapper, .banner-wrapper { width: 100%; max-height: 400px; overflow: hidden; position: relative; z-index: 99; }
.banner-wrapper { max-height: 240px; z-index: 0; }

.image-gallery ul, .image-gallery li { margin: 0; padding: 0; }
.image-gallery li { float: left; }
.image-gallery img { display: block; }

.logo-link { display: block; overflow: hidden; text-indent: -9999px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 99999; background: url('_/images/logo-mobile.png') no-repeat top left; width: 300px; height: 98px; max-width: 100%; }
.ie7 .logo-link { margin: 0px auto; }


.banner-wrapper .logo-link { background-size: 100% auto; width: 170px; height: 70px;  z-index: 1; }


/* -------------------------------------------------------------------------------- */
/* Main Area */
/* -------------------------------------------------------------------------------- */

.cta-button { display: block; float: left; width: 50%; color: #fff; text-align: center; font-weight: 300; min-height: 95px; font-size: 14px; line-height: 20px; box-sizing: border-box; }
.cta-button:hover { color: #fff; }

.cta-button:first-child, .cta-button:nth-child(3n) { border-right: 1px solid #144223; }

.cta-button .details { display: inline-block; padding: 20px; min-height: 105px; }


.cta-icon, .link-text { display: inline-block; vertical-align: middle;  }
.cta-icon img { display: block; margin: 0px auto; float: right; margin-bottom: 5px; }
.link-text { width: 100%; }
.link-text:after { content: "\00bb"; padding-left: 5px; }

.right { margin-top: 20px; }


/* -------------------------------------------------------------------------------- */
/* Sidebar */
/* -------------------------------------------------------------------------------- */

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

.widget_title { width: 95%; background: #ccc; padding: 20px 2.5%; }
.widget_title h3 { margin: 0; padding: 0 10px; display: inline; font-size: 22px; line-height: 32px; font-weight: 300; }

.widget .icon { background: url('_/images/icons.png') no-repeat -66px -63px; width: 32px; height: 32px; margin: 0 10px 0 20px; vertical-align: top; }     
.widget.woocommerce .icon { background-position: 0 -63px; width: 24px;	height: 28px; margin-top: 4px; }
.contact-widget .icon  { background-position: -114px -99px; width: 28px; height: 20px; vertical-align: text-top; }

.contact-widget ul { margin: 0; padding: 0; }
.contact-widget li { list-style: none; margin: 0 0 20px 0; padding: 0; }
.contact-widget .sidebar-inner .icon { margin-left: 0; }
.contact-widget .phone .icon  { background-position: -149px -99px; width: 20px;	height: 32px; margin-right: 28px; vertical-align: top; }
.contact-widget .email .icon { background-position: -114px -99px;	width: 28px; height: 20px; margin-right: 20px; margin-top: 2px; }
.contact-widget .address .icon { background-position: -105px -63px;	width: 27px; height: 30px; margin-right: 21px; vertical-align: top; margin-top: 5px; }

.address-inner { display: inline-block; }

.sidebar .social { margin-right: 20px; }

.email a { word-wrap: break-word; }


/* -------------------------------------------------------------------------------- */
/* Content - Extra */
/* -------------------------------------------------------------------------------- */

.adverts-wrap { background: #eee url(_/images/dot-pattern.png);}
.third { display: block; margin: 0px auto 20px auto; }
.third img { display: block; margin: 0px auto; }


/* -------------------------------------------------------------------------------- */
/* Content - Event Updates */
/* -------------------------------------------------------------------------------- */

.choose-month { min-width: 280px; max-width: 90%; float: left; }

.events-key { float: right; margin-top: 20px; }

.events-key li, .events-key .box { display: inline-block; vertical-align: middle; }
.events-key li { list-style: none; margin-right: 20px; line-height: 40px; }
.events-key li.cancelled { margin-right: 0; }
    .events-key .box { width: 40px; height: 40px; overflow: hidden; background: #c3dfbd; margin-right: 10px; }

h3.month-title, .section-heading { margin: 40px 0; width: 100%; font-size: 24px; line-height: 26px; border-bottom: 1px solid #bdbdbd; padding-bottom: 20px; text-transform: none!important; }

.updates-list { font-weight: normal; }

.row { width: 100%; margin-bottom: 1.75%; clear: both; }

.column { padding: 20px 20px 0 20px; box-sizing: border-box; word-wrap: break-word; }   
    .column.changed-info { padding-bottom: 20px; }     
    .row.new { background: #c3dfbd; }
    .row.changed, .changed .box { background: #f9e2b1; }
    .row.cancelled, .cancelled .box { background: #fcdddd url('_/images/stripe.gif') top left; }
    .row.rotary-event { background-image: url('_/images/rotary-wm.png'); background-repeat: no-repeat; background-position: bottom right; }


/* -------------------------------------------------------------------------------- */
/* Event Organisers */
/* -------------------------------------------------------------------------------- */

#logout { margin: 20px 0; }

.pub-info { clear: both; display: block; background: #eee; padding: 20px; }

.org-details { width: 100%; text-transform: uppercase; }  
    .org-details .row { line-height: 30px; }
        .org-details .heading, .org-details .content { display: inline-block; width: 100%; vertical-align: top; }
        .org-details .content { font-weight: bold; word-wrap: break-word; }
        
/* -------------------------------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------------------------------- */

table { margin-bottom: 40px; }

thead, td { box-sizing: border-box; padding: 10px; }        
thead, thead tr, thead td { background: #d9d9d9; font-weight: bold!important; }

tr { background: #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }     
    tr:nth-child(odd) { background: #fff; }               
td { border-left: 1px solid #ccc; }   

thead { border: 1px solid #aaa; } 
thead td { border-left: 1px solid #aaa; }  

    
/* -------------------------------------------------------------------------------- */
/* Forms */
/* -------------------------------------------------------------------------------- */
/* Table Sorter */

table.tablesorter { background-color: #CDCDCD; width: 100%; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background: #eee; border: 1px solid #ddd; padding: 5px; color: #555; }
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; }

table.tablesorter td input { width: 100%; }

/*Pager*/
.pagination { clear: both; margin-bottom: 20px; padding-bottom: 50px; text-align: center; }  

.pg-prev, .pg-next { display: block; height: 50px; }    
.pg-drop { text-align: center; }
.pg-next { text-align: right; margin-top: -94px; }

.wpv-filter-previous-link .button { margin-right: 20px!important; }
.wpv-filter-next-link .button { margin-left: 20px!important; }

.js-wpv-page-selector { vertical-align: top; height: 43px; }

/*Contact Form 7*/
.wpcf7-form { margin: 40px 0; }

.wpcf7-form .field input[type=text], .wpcf7-form .field input[type=email], .wpcf7-form textarea, .wpcf7-form .field input[type=tel], .wpcf7-form .field select { width: 80%; }

.wpcf7-not-valid-tip { color: #960000!important; }
.wpcf7-validation-errors, .wpcf7-mail-sent-ok { border: none!important; background: #960000; color: #fff; margin: 20px 0!important; }
.wpcf7-mail-sent-ok { background: #024319!important; }

/*All Forms*/

.event-details h3 { text-transform: uppercase; font-weight: bold; color: #666; font-size: 18px; }

.field { width: 97%; margin-bottom: 20px; }

.field input { display: block; width: 100%; } 
label { display: block; text-transform: uppercase; width: 100%; float: none; font-size: 14px; line-height: 1rem; font-weight: normal; margin-bottom: 10px; }
    label .small { text-transform: none; display: block; margin-top: 2px; }
    .req { color: #960000; padding-left: 4px; }
    
/*buttons*/
    
/*.field .button { max-width: 200px; }*/
.buttons .button { margin-bottom: 20px; }   

.clear-button { height: 42px; width: 15%; float: left; box-sizing: border-box; border: none; background: #bbb; }

.cred-field-event-finalised-by { width: 47%!important; }
.cred-field-event-finalised-by input[type=text] { width: 50%; float: left; }
#copymyname { float: left; }

/*Cred Forms*/
.cred-field-event-startdate .button { width: 100px;  }

.field.checkbox { clear: both; }
    input[type=checkbox], .wpt-form-checkbox { display: inline-block; vertical-align: top; margin: 2px 10px 0 0; }
    .checkbox label, .wpt-form-checkbox-label { display: inline-block; vertical-align: top; width: 90%; }
    
.cred-field-event-confirmed { clear: both; width: 100%; overflow: auto; }

.radio-yes, .radio-no { width: 60px; }
.radio-yes, .radio-no, .radio-yes input, .radio-no input { float: left; } 
 .radio-yes input, .radio-no input { margin-right: 5px; }
 
.cred-field-event-finalised input[type=text] { width: 85%; float: left; }

 
 /* Cred Hidden Fields */                           
 
.field .wpcf-event-new-date, .field .wpcf-event-date, .field .wpcf-event-finalised { display: none; cursor:pointer;}

/*Admin Toggle*/
.admin-toggle { margin-bottom: 20px; display: block; float: right; }
.admin-toggle:hover { text-decoration: underline; }
    .toggle-arrow, .toggle-link { float: left; display: block; cursor: pointer; }
    .toggle-link { padding-right: 5px; }
    .toggle-arrow { transform: rotate(90deg); transition: all 1s ease; }
        .open .toggle-arrow { transform: rotate(-90deg); }

.admin-only { padding: 20px; background: #eee; border: 1px solid #ccc; margin-bottom: 40px; }   
    .admin-only input:focus { background: #fff; }
    
    
.ui-datepicker { width: 280px!important; }

/*Change of Details*/
.row.headings {  background: #eee!important; border: 1px solid #ddd; padding: 5px; color: #555; box-sizing: border-box; font-weight: bold; }
.row { width: 100%; display: block;  }
.row .col { float: left; width: 25%; padding: 5px; border: 1px solid #ddd; border-top: none; box-sizing: border-box; min-height: 60px; }
.row.headings .col { border: none; font-size: 14px; line-height: 18px; min-height: 1px; }

.cod .row .col { width: 33.3333%; }

.cod .field, .coo .field { margin: 0;  }

.cod-message, .send-cod { margin-top: 2rem; }
.cod-message textarea { width: 100%; box-sizing: border-box; height: 200px; }
label small { font-size: 12px; color: #888; }


p.error { color: red; font-weight: bold; }


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

.rotary { background: url('_/images/rotary-logo.png') no-repeat center left; padding-left: 120px; min-height: 91px; box-sizing: border-box; }

.social { display: block; overflow: hidden; width: 40px; height: 40px; text-indent: -9999px; float: left; margin-right: 30px; background-position: 0 -18px; }
.social:last-child { margin-right: 0; }
.social a { display: block; }

.social.twitter { background-position: -47px -18px; width: 49px; }
.social.pinterest { background-position: -102px -18px; }

.footer-bottom { font-size: 0.875rem;  }

.footer-bottom, .footer-bottom a { color: #ccc; font-size: 14px; font-weight: 300; }

.footer .menu-item { float: left; display: block; margin-right: 10px; }
.footer .menu-item:after { content: "\007c"; padding-left: 10px; color: #fff; }           


/* -------------------------------------------------------------------------------- */
/* Woocommerce Overrides Using Default CSS Woocommerce Mainly  */
/* -------------------------------------------------------------------------------- */  

dt[class*='variation-Donation'], dd[class*='variation-Donation'], 
dt[class*='variation-Enteranamount'], dd[class*='variation-Enteranamount'],
dt[class*='variation-Enteranannualdonationamount'], dd[class*='variation-Enteranannualdonationamount']  { display: none!important; }  

dt[class*='variation-AddaCharitableDonation'], dt[class*='variation-Addaregulardonation'],
dt.variation-IamaUKtaxpayer-pleasetreatmydonationasgiftaided  { display: none!important; float: none!important; }

dd[class*='variation-AddaCharitableDonation'] p:before { content: "Including a charitable donation of:"; padding-right: 5px; }
dd[class*='variation-Addaregulardonation'] p:before { content: "Including a regular charitable donation of:"; padding-right: 5px; }

.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt { margin-bottom: 0!important; }

.woocommerce td.product-name dl.variation dd.variation-IamaUKtaxpayer-pleasetreatmydonationasgiftaided, .woocommerce td.product-name dl.variation dt { float: none!important; clear: both; }
.woocommerce td.product-name dl.variation dd { display: block!important; }
.variation-IamaUKtaxpayer-pleasetreatmydonationasgiftaided p:before{ content: "Gift Aid: "; }

.order_details dd[class*='variation-AddaCharitableDonation'] p:before { content: "Including a charitable donation of: £"; padding-right: 0; }
.order_details dd[class*='variation-Addaregulardonation'] p:before { content: "Including a regular charitable donation of: £"; padding-right: 0; }

.term-donations.woocommerce ul.products li.product .price,
.woocommerce div.product.product_cat-donations  p.price, .woocommerce div.product.product_cat-donations span.price { display: none!important; }

/*Product Archive Page*/
.woocommerce ul.products { padding: 40px 0 0 0!important; }     

    .woocommerce ul.products li.product a img { width: auto!important; }    
        .woocommerce ul.products li.product:hover img { opacity: 0.5; }
        
    .woocommerce ul.products li.product h3 { font-size: 16px!important; margin-bottom: 10px!important; }
        .woocommerce ul.products li.product:hover h3{ text-decoration: underline!important; }           
        .woocommerce ul.products li.product h3:after { content: "\00bb"; padding-left: 5px; }
        /*.woocommerce ul.products li.product h3:after { content: "More Information \00bb"; display: block; font-size: 14px; line-height: 16px; }*/

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { white-space: normal!important; }

.woocommerce div.product div.images img { width: auto!important; display: block; margin: 0px auto; }


/*Product Single Page*/    
.woocommerce div.product div.images .attachment-shop_single { margin-bottom: 40px; }

.woocommerce div.product p.price, .woocommerce div.product span.price { font-weight: normal!important; color: #004217!important;; } 

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%!important; clear: none!important; }
.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: left!important; }
.woocommerce ul.products li.product:nth-child(3n), .woocommerce-page ul.products li.product:nth-child(3n) { margin-right: 0!important; }

.woocommerce .quantity .qty { width: 6em!important; }

.sku_wrapper, .posted_in { display: block; float: none; }

/*My Account*/
.addresses .address { padding: 2%; background: #eee; border: 1px solid #ccc; box-sizing: border-box; }
.addresses p { display: none; }

.form-row { margin-bottom: 20px!important; }   
.form-row br { display: none; }

.login .form-row br { display: block; }
.login .form-row-wide br { display: none; }

#rememberme { vertical-align: text-top; margin-top: 4px; margin-left: 40px; }

.lost_password a { padding-left: 0; }

legend { font-weight: bold; margin-top: 20px; }

/*Basket*/

.woocommerce-message .button.wc-forward[href*='yearbooks'] { display: none!important; } 

.woocommerce-cart .cart-collaterals .cart_totals table, .cart_totals table tr { width: 100%; }    
.woocommerce-cart .cart-collaterals .cart_totals table th { width: 40%!important; }

.quantity input { height: 43px; margin-right: 10px; }       
    .quantity:before { display: block; float: left; content: "QTY"; padding-right: 10px; color: #666; line-height: 40px; }

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: auto!important; max-width: 50%!important; }  
    .woocommerce-cart table.cart input { float: left; margin-right: 5px!important; }
    
.woocommerce table.shop_table .product-price { display: none; }   

.woocommerce a.remove { display: inline-block!important; padding-left: .2em; width: .8em!important; }
.product-remove .remove:after { content: "Remove"; padding-left: 15px; font-size: 14px; color: #FF0000; line-height: 1em; white-space: nowrap; }  
.woocommerce table.shop_table td.product-remove { text-align: left!important; }


/*Donation*/
#coupon_code, #donation-ammount { height: 42px; width: 150px; color: #333; }

.donation {padding: 20px 10px; }    
    .donation input[type=text] { background: #fff; }

.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { padding: 20px!important; }
    .woocommerce table.shop_table td { padding: 20px 12px!important; }

/*Checkout*/ 
.orgloginform { margin: 40px 0; }     
.create-account { clear: both; }
 
#payment label { display: inline!important; margin-top: 4px;  }    
    #payment input[type="radio"] { vertical-align: middle!important; }
    
.wc_address_validation_postcode_lookup .clear:after { content: "Can't find address?  Enter manually below:"; }

#billing_country_field strong { font-weight: normal!important; }

/*Back button added to woocommerce template*/

.back { display: block; margin-top: -20px; margin-bottom: 40px; }

.woocommerce-MyAccount-navigation ul { list-style: disc inside; margin-bottom: 30px; }

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

 
 
/* -------------------------------------------------------------------------------- */
/* Back to top */
/* -------------------------------------------------------------------------------- */  
 
#BackToTop { background: url("_/images/backtotop.png") no-repeat center center #960000; bottom: 60px; height: 40px; width: 40px; outline: medium none; overflow: hidden; position: fixed; right: 0;
text-indent: -999px; transition:background-color 0.5s linear;  -webkit-transition:background-color 0.4s linear; cursor: pointer; }

#BackToTop:hover {background: url("_/images/backtotop.png")  no-repeat center center #004217; }

/* -------------------------------------------------------------------------------- */
/* No Script */
/* -------------------------------------------------------------------------------- */  
#NoScript, .chromeframe {position:fixed; top:0; left:0; width:100%; z-index:9999999; background:rgba( 0, 0, 0, 0.8);  text-align:center;}

.chromeframe { background: #333; }
.chromeframe a { color: #fff; text-decoration: underline; font-weight: bold; }

#NoScript p, .chromeframe p { color:#fff; padding:20px 150px; font-size:16px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}

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

@media handheld, only screen and (max-width: 680px) {

thead { display: none; }
tr, td { display: block; width: 100%; padding: 5px; border: none; word-wrap: break-word; }
tr { border: 1px solid #ccc; border-bottom: none; }
tr:last-child { border-bottom: 1px solid #ccc; }

.recaptchatable tr, .recaptchatable td { width: initial; padding: 0!important; }
.recaptchatable tr { display: table-row!important;}
.recaptchatable td { display: table-cell!important; }
}


@media handheld, only screen and (max-width: 420px) {
blockquote, q { max-width: 100%; float: none; }     
}

@media handheld, only screen and (min-width: 420px) {   
.banner-wrapper .logo-link { background: url('_/images/logo-mobile.png') no-repeat top left; width: 260px; height: 98px; background-size: 100% auto; }  

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 48%!important; } 
}  

@media handheld, only screen and (min-width: 480px) {
.cta-button { font-size: 18px; line-height: 24px; }
.third { width: 30.333%; margin-right: 4.5%; float: left; }
.third:last-child { margin: 0; }    

.pagination {  margin-bottom: 40px; padding: 0; }         
.pg-drop { width: 60%; }
.pg-prev, .pg-next { width: 20%; }  
.pg-prev, .pg-drop { float: left; }
.pg-next { float: right; margin: 0; }  

}    


@media handheld, only screen and (min-width: 780px) {
.woocommerce table.shop_table td.product-remove { width: 22%; }     

}

@media handheld, only screen and (min-width: 600px) {  
.logo-link { background: url('_/images/banner-logo.png') no-repeat top left; width: 488px; height: 159px; } 
.banner-wrapper .logo-link { width: 300px; height: 98px; }

#logout { float: right; margin: 0; margin-top: -60px; }

.org-details { width: 45%; float: left; margin-left: 10%; }  
.org-details.first { margin-left: 0; }

.org-details .heading { width: 40%; }
.org-details .content { width: 58%; }

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

.buttons .submit { float: right; margin-top: 0; }

.popup-content { width: 600px; }

.admin-button { float: right; margin-top: -40px!important; margin-bottom: 40px!important; }   

}     

@media handheld, only screen and (min-height: 600px) {  

.popup-content { height: 600px; } 


}                           

@media handheld, only screen and (max-width: 760px) {
.sidebar .v-inner { padding-top: 0; }
.sidebar { margin-bottom: 40px; }      
  

}                            

@media handheld, only screen and (min-width: 760px) {

h1 { font-size: 2.35em; line-height: 2em; }

#menu-shopper li.login { display: inline-block; }

.left { float: left; }
.right { float: right; margin: 0; }

.logo-link { background: url('_/images/logo-tablet.png') no-repeat top left; width: 590px; height: 192px; }
.banner-wrapper .logo-link { background: url('_/images/banner-logo.png') no-repeat top left; width: 488px; height: 159px; }

.inner { padding: 40px 20px; }
.v-inner { padding: 40px 0;  }
.header .inner, .footer-bottom.inner { padding: 20px!important; }

.cta-button { min-height: auto; width: 23.5%; margin-right: 2%; }
.ie8 .cta-button, .ie7 .cta-button { width: 23%; }
.cta-button:last-child { margin: 0; }
.cta-button .details { min-height: 113px; padding: 40px 20px; }

.main-text-area { background: url('_/images/main-bg-small.gif') repeat-y top right; background-size: 100% auto; }

.ie8 .main-text-area, .ie7 .main-text-area { background: none; }

.main-text-area .left { width: 65%;  }
.main-text-area .right { width: 35%; }
/*.main-text-area .right .sidebar { margin-right: 20px; }*/

.events-key { margin-top: 0; }

.row, .rotary-event { background: none!important; }

.column { float: left; height: 160px; margin-right: 1.75%; margin-bottom: 1.75%; overflow: auto; padding: 20px; }
    .column.date, .column.changed-info { text-align: center; }
    .column.date { width: 7.75%; vertical-align: middle; }
    .column.event-desc { width: 47%; }
    .column.event-contact { width: 26%; }
    .column.changed-info { width: 14%; margin-right: 0; }  
    .column.event-debug { width: 100%; margin-right: 0; margin-top: -18px !important; height: 64px; padding: 2px;}
    .new .column { background: #c3dfbd; }
    .changed .column { background: #f9e2b1; }
    .debug .column { background: #f9e2b1; border:1px solid red;}
    .cancelled .column { background: #fcdddd url('_/images/stripe.gif') top left!important; }
    .rotary-event .column.event-desc { background-image: url('_/images/rotary-wm.png'); background-repeat: no-repeat; background-position: bottom right; }
    
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 22.05%!important; }    
.ie7 .woocommerce ul.products li.product, .ie8 .woocommerce-page ul.products li.product { width: 28%!important; }  

}



@media handheld, only screen and (min-width: 1060px) {    
.mobile { display: none; }

.main-nav { display: block!important; }

#menu-main-menu .menu-item { float: left; padding: 0 1.5%;  border-right: 1px solid rgba( 0, 0, 0, 0.2 ); box-sizing: border-box;  }
#menu-main-menu .menu-item a { border: none; font-size: 1rem; }   

.inner { padding: 40px; }

.menu-footer-menu-container { float: left;  margin-left: 10px; }

.footer-bottom .copyright { width: 70%; }
.footer-bottom .copyright .left:after { padding-left: 10px; content: "\007c"; }
.footer-bottom .right { width: 30%; text-align: right; }

.main-text-area { background: url('_/images/main-bg.gif') repeat-y top right; background-size: 100% auto; }
.main-text-area .right .sidebar { margin-right: 14%; }   
}


@media handheld, only screen and (min-width: 1140px) {    
.logo-link { background: url('_/images/logo.png') no-repeat top left; width: 671px; height: 218px; }

.cta-button .details { min-height: 1px; font-size: 22px; line-height: 34px; padding: 50px 20px; }
.cta-icon { padding-right: 10%; float: left; width: 29%; }
.cta-button .details .link-text { max-width: 57%; text-align: left!important; }
 
}


@media handheld, only screen and (min-width: 1280px) {  
#menu-main-menu .menu-item { float: left; padding: 0 1.83%;  }
#menu-main-menu .menu-item a { font-size: 1.125rem; }

.inner { padding: 60px; }
.v-inner { padding: 60px 0;  }

.main-text-area .right .sidebar { margin-right: 60px; }

.footer .inner { padding: 40px; padding-left: 0; padding-right: 0; }     
}


@media handheld, only screen and (max-width: 780px){

/* Force table to not be like tables anymore */
.woocommerce-page table.shop_table, 
.woocommerce-page table.shop_table thead, 
.woocommerce-page table.shop_table tbody, 
.woocommerce-page table.shop_table th, 
.woocommerce-page table.shop_table td, 
.woocommerce-page table.shop_table tr {	display: block; }

.cart_item, tr { padding: 0; border: none; }
.product-quantity { height: 80px; }
.woocommerce-page table.shop_table .donation-block td { padding-left: 10px!important; }

.button { width: auto!important; }

.woocommerce-page table.shop_table thead tr { position: absolute; top: -9999px;	left: -9999px; }     
.woocommerce-page table.shop_table td {	border: 1px solid #d2d3d3; position: relative; padding-left: 50% !important;}   
.woocommerce-page table.shop_table { border: none; }                 
.woocommerce-page table.shop_table td.product-spacer { border-color: #FFF; height: 10px; }    
.woocommerce-page table.shop_table td:before { 	position: absolute; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-size: 14px; text-align: left!important; }   
.woocommerce-page table.shop_table td:after { white-space: nowrap; }

/* Label the data */
.woocommerce-page table.shop_table td.product-remove:before { content: "DELETE"; }     
.woocommerce-page table.shop_table td.product-thumbnail:before {content: "IMAGE"; }    
.woocommerce-page table.shop_table td.product-name:before { content: "PRODUCT"; }   
.woocommerce-page table.shop_table td.product-price:before {content: "PRICE";}    
.woocommerce-page table.shop_table td.product-quantity:before { content: "QUANTITY";} 
.woocommerce-page table.shop_table td.product-subtotal:before {	content: "SUBTOTAL";} 
.woocommerce-page table.shop_table td.product-total:before {content: "TOTAL"; }



.woocommerce .quantity, 
.woocommerce #content .quantity, 
.woocommerce-page .quantity, 
.woocommerce-page #content .quantity {	margin: 0; }

.woocommerce-page table.cart td.actions, 
.woocommerce-page #content table.cart td.actions { text-align: left; border:0; padding-left: 6px !important; }

.woocommerce-page table.cart td.actions .button.alt, 
.woocommerce-page #content table.cart td.actions .button.alt { float: left; margin-top: 10px; }

.woocommerce-page table.cart td.actions div, 
.woocommerce-page #content table.cart td.actions div,
.woocommerce-page table.cart td.actions input, 
.woocommerce-page #content table.cart td.actions input { margin-bottom: 10px; }

.woocommerce-page .cart-collaterals .cart_totals { float: left; width: 100%; text-align: left; }

.woocommerce-page .cart-collaterals .cart_totals th, 
.woocommerce-page .cart-collaterals .cart_totals td { border:0 !important; }

.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
.woocommerce-page .cart-collaterals .cart_totals table tr.total td { padding-left: 6px !important; }

.woocommerce-page table.shop_table tr.cart-subtotal td,
.woocommerce-page table.shop_table tr.shipping td,
.woocommerce-page table.shop_table tr.total td,
.woocommerce-page table.shop_table.order_details tfoot th,
.woocommerce-page table.shop_table.order_details tfoot td { padding-left: 6px !important; border:0 !important;  }

.woocommerce-page table.shop_table tbody {  padding-top: 10px; }

.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2,
.woocommerce form .form-row-first, 
.woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last {  float: none; width: 100%; }

.woocommerce .order_details ul, 
.woocommerce-page .order_details ul,
.woocommerce .order_details, 
.woocommerce-page .order_details { padding:0; }

.woocommerce .order_details li, 
.woocommerce-page .order_details li { clear: left; margin-bottom: 10px; border:0; }  

.woocommerce-cart table.cart td, .woocommerce-cart table.cart th { min-height: 35px; }
.woocommerce-page table.shop_table tbody { padding-top: 0; }
.woocommerce table.shop_table td { border-top: none!important; }

.woocommerce a.remove { position: relative; z-index: 99999; }

.coupon input { float: left!important; margin-bottom: 10px!important; }     

}