/*  
Theme Name: AERIN
Theme URI: http://aerin.co.uk/aerin-theme
Author: aerin and Wire Wheels Webbers
Author URI: http://wwwebbers.co.uk
Description: This theme isn't full of bells and whistles and clever features. It is however a simple responsive base you can use as for custom layout creation. Easy to style with sidebar and footer widgets, header logo, taglines, analytics editor and reset functions.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: red, gray, light, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, full-width-template, post-formats, sticky-post, theme-options, threaded-comments
Palette: #343838 #1A82C7

This theme, like WordPress, is licensed under the GPL. Play with it and discover the flexibility of WordPress themes.
*/

/***** RESET EVERYTHING *****/

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, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 1em;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    }

header,footer,nav {
    display:block;
    }

.clearfix:after, .navigation:after, #maincontent:after, .menu-main-container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

@font-face {
    font-family: Nevis;
    src: url(images/nevis.ttf);
}
@font-face {
    font-family: OpenSans;
    src: url(images/OpenSans-Regular.ttf);
}

/***** COLOURS *****/

body {background:#CCC;color:#444;}
header {background:inherit;color:#444;}
#headercontent {background:#edf8ff;color:#444;}
#maincontent {background:#FFF;color:#444;}
#primary {background:inherit;color:#444;}
#secondary {background: #FCEBEF;color:#444;}
footer {background:inherit;color:#444;}
#footercontent {background: #343838;;color:#CCC;}

/***** TYPOGRAPHY AND LINKS *****/

body {
    text-align: center;
    font-family: OpenSans, Arial, sans-serif;
    font-size:1.1rem;
    
    }

h1 {color: rgb(26, 130, 199);
    font-size: 1.8rem;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    padding: 0 0 6px 0;
    margin: 0 0 6px 0;
    clear:both;
    }

h1 a:link,h1 a:hover ,h1 a:visited {
    text-decoration: none;
    color: rgb(26, 130, 199);
    }

h2 {color: #2A2A2A;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
    padding: 6px 0 6px 0;
    clear:both;
    }

h2 a:link,h2 a:hover,  h2 a:visited {
    text-decoration: none;
    color: #2A2A2A;
    }

h3{
    color: #1A82C7;
    font-weight: bold;
    margin: 3px 0 3px 0;
    font-size: 1.2rem;
    }

h3 a:link, h3 a:visited{
    color: #A9A17A;
    text-decoration: none;
    }

h4, h5, h6, dt {
    color: #8E9E82;
    font-weight: bold;
    margin: 0 0 6px 0;
    clear: both;
    }

code, pre {
    font-family: courier;
    padding: 4px 0;
    }

blockquote {
    font-style: italic;
    padding: 0 6px 0 6px
    }

cite, strong {
    font-weight: bold;
    }

q {
    font-style: italic;
    }

/***** PAGE STRUCTURE *****/

#wrapper {
    }

#headercontent,#maincontent,#footercontent {
    max-width: 1200px;
    margin: 0 auto 0 auto;
    padding:18px;
    }

/***** HEADER *****/

header {
    }

#headercontent{
    }

#logo, #logoboth {
    float:left;
    text-align:left;
    margin-bottom: 30px;
    }

#logo img, #logoboth img {
    max-width:100%;
    height:auto;
    overflow:hidden;
    margin:0 12px 4px 0;
    }

#logo a {
    text-decoration: none;
    }

#logo-title {   
    font-size:300%;
    color:#343838;
    }

#logo-tagline {
    font-size: 1.2rem;
    color:#999;
    }

#tagline {
    float:right;
    }

#tagline-content {
    text-align:right;
    }

#topbar {
    padding: 8px 18px;
    margin-bottom: 18px;
    background: orange;
    color: #FFF;
    text-align:left;
    }

#aerin-banner {
    font-size: 1.2rem;
    margin: 0 0 38px 0;
    text-align:left;
    background: #CCC;
    padding: 12px 22px;
    }

#aerin-banner h3 {
    color: #2618B1;
    padding: 0;
    }

#aerin-banner p {
    color: #2618B1;
    font-size: 1.2rem;
    margin: 4px 0 12px 0;
    }

/***** NAVIGATION *****/

#menu-main{float:left;}

.dropdown-toggle {display:none;}

nav {
    background: inherit;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    font-size: 1.1rem;
    }

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

nav li {
    float: left;
    position: relative;
    }

nav a {
    color: #343838;
    display: block;
    margin: 0;
    padding: 8px 18px;
    text-decoration: none;
    }

nav li:hover > a, nav a:focus, nav .current-menu-item > a, nav .current-menu-ancestor > a, nav .current_page_item > a, nav .current_page_ancestor > a, .cart-contents {
    color: #FFF; !important;
    background: rgb(26, 130, 199);
    text-decoration: none;
    }

nav ul ul {
    display:none;
    float: left;
    margin: 0 0 0 0;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999;
    }

nav ul ul a {
    background: #F2F3F4;
    opacity: 0.95;
    filter: alpha(opacity=95);
    text-align:left;
    color: #495370;
    height: auto;
    padding: 3px 5px !important;
    margin:0;
    width:200px;
    }

nav ul ul a:hover {background: rgb(26, 130, 199);}
nav ul ul ul {left: 100%;top: 0;margin:0;}
nav ul ul ul a {background: rgb(26, 130, 199);color: #444;border-bottom:none;}
nav ul li:hover > ul {display: block;border-bottom:none;}

nav ul li  > ul.sub-menu {
    opacity:0;
    margin: 0;
    visibility:hidden;
    display:block;
    }

nav ul li:hover > ul.sub-menu{
    visibility:visible;
    opacity:1;
    display: block;
    margin: 0;
    }

/***** PAGE STRUCTURE *****/

#maincontent {
    padding: 28px 18px;
    text-align:left;
    }

#widepage {padding:12px;}

/***** SEARCH *****/

#searchform input {
    font-family: Helvetica, Arial, sans-serif;
    margin: 3px 0 0 0;
    padding: 6px;
    color: #343838;
    font-size: 1.1rem;
    border: 1px solid #343838;
    width:100%;
    }

#searchform span {
    display: none;
    }

/***** PRIMARY *****/

#primary {
    width: 63%;
    margin: 0;
    float: left;
    padding:0px 0 12px 0;
    }

#primary .navigation #left {
    float:left;
    margin-bottom:12px;
    }
#primary .navigation #right {
    float:right;
    margin-bottom:12px;
    }

#primary .navigation a, .navigation a:visited {
    text-decoration: none;
    color: rgb(26, 130, 199);
    border: 1px solid rgb(26, 130, 199);
    padding: 4px 8px;
    }

#primary .navigation a:hover {
    color: #FFF;
    background:rgb(26, 130, 199);
    }

.entry {
    }

.entry p, .entry ul, .entry ol {
    margin-bottom: 26px;
    line-height: 140%
    }

.entry ul, .entry ol{
    margin: 0 0 8px 2em;
    }

.entry ul ul{
    margin-left: 1em;
    }

.entry img{
    margin-bottom: 8px;
    max-width:100%;
    height:auto;
    overflow: hidden;
}

p.primarymetadata, .date, .tags {
    font-size: 0.9rem;
    color: #607890;
    margin:0;
    padding:0;
    }

p.primarymetadata a {
    color: #607890;
    text-decoration: none;
    }

.aside {
    margin: 0 10px;
    padding: 8px;
    border-left: 5px solid #7CB490;
    background: #FFF2AF;
    }

.minibox {
    float:right;
    width: 220px;
    border: 3px solid rgb(26, 130, 199);
    padding: 12px;
    margin: 0 0 12px 12px;
    }

.minibox a {
    color: rgb(26, 130, 199);
    text-decoration: none;
    }

/***** PRIMARY IMAGES *****/

.entry .alignright {
    float: right;
    padding: 5px;
    margin: 5px 0 5px 5px;
    }

.entry .alignleft {
    float: left;
    padding: 5px;
    margin: 5px 5px 5px 0;
    }

.entry .aligncenter{
    display: block;
    padding: 5px;
    margin: 5px auto;
    }

a img {
    padding: 0px;
    background: none;
    border: none;
	}

.wp-caption {
    max-width: 100%;
    padding: 4px;
    }

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
    font-style: italic;
    }

.sticky, .bypostauthor {
    }

.attachment-post-thumbnail {
    float: left;
    margin: 0px 16px 8px 0px;
}

alt{color:red}

/***** SECONDARY *****/

#secondary {
    width: 28%;
    text-align: left;
    float:right;
    padding: 22px 32px;
    }

#secondary h2 {
    color: #343838;
    padding: 0 0 6px 0;
    margin: 0 0 12px 0;
    font-size: 1.8rem;
    }

#secondary img {
    max-width:100%;
    overflow:hidden;
    height:auto;
}

/***** WIDGET LISTS ******/

#secondary ul, #secondary form {
    padding: 0;
    margin-bottom: 30px;
}

#secondary ul li {
    display: block;
    list-style-type: none;
    }

#secondary ul li a {
    color: #343838;
    text-decoration: none;
    padding: 5px 0 3px 0;
    display: block;
    border-bottom: 1px solid #ccc;
    }

#secondary ul li a:hover {
    background: #343838;
    padding-left: 4px;
    color: #FFF;
    }

#secondary.children, #secondary.children li, #secondary.children li a{
    border:none;
    }

/***** FOOTER *****/

footer {
    color: #CCC;
    text-align: left;
    clear:both;
    }

#footercontent{
    margin: 0 auto;
    padding:28px 22px 18px 22px;
    }

#footercontent h2 {
    color: rgb(26, 130, 199);
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    font-size: 1.8rem;
    border-bottom: 1px solid rgb(26, 130, 199);
    }

#footercontent p, #footercontent .textwidget {
        margin: 8px 0 0 0;
    }

#footercontent img {
    max-width:100%;
    height:auto;
    overflow: hidden;
    }

#footercontent a:hover {
    text-decoration: underline;
    }

#left-footer {
    float: left;
    width: 63%;
    max-width: 745px;
    }

#right-footer {
    float: right;
    width: 28%;
    }

/***** FOOTER MENU *****/

footer ul{
    padding: 0;
    }

footer ul li {
    display: block;
    list-style-type: none;
    }

footer ul li a {
    color: #CCC;
    text-decoration: none;
    padding: 3px 0 3px 0;
    display: block;
    }

footer ul li a:hover {
    color: #FFF;
    }

#menu-footer.children, #menu-footer.children li, #menu-footer.children li a,{
    border:none;
    }

#signoff {
    clear: both;
    margin: 12px 0 0 0;
    padding: 12px;
    text-align:left;
    border: 1px solid red;
    }

#signoff p, #signoff h2{margin-bottom:18px;}

/***** SOCIAL *****/

div .social-wrapper {
    list-style-type:none;
    margin:0;
    padding:0;
}

header .social-wrapper {float: right;}

.social-wrapper .social-link {
    float: left;
    width: 38px;
    height: 38px;
    margin: 0 5px 0 0;
    background: #fff url(/images/sm-icons.png) no-repeat 0 0;
    background: rgba(255,255,255,0) url(images/sm-icons.png) no-repeat 0 0;
    zoom: 1;
    filter: alpha(opacity=20);
    opacity: 0.2;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

header .social-wrapper .social-link {
    margin: 0 0 0 5px;    
    }

.social-wrapper .social-link.round {
    border-radius: 19px;
}

.social-wrapper .social-link.grey {
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Firefox 35+ */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    }

.social-wrapper .social-link.roundgrey {
    border-radius: 19px;
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Firefox 35+ */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    }

.social-wrapper .social-link.grey:hover, .social-wrapper .social-link.roundgrey:hover{
    filter: none;
    -webkit-filter: grayscale(0);
    }

.social-wrapper .social-link:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    }

.social-wrapper .social-link a {
    display: block;
    width: 38px;
    height: 38px;
    text-indent: -9999px;
    overflow: hidden;
}

.social-wrapper .social-link.facebook {background-position: -247px -50px;}
.social-wrapper .social-link.flickr {background-position: -149px -2px;}
.social-wrapper .social-link.gplus {background-position: -198px -100px;}
.social-wrapper .social-link.instagram {background-position: -149px -100px;}
.social-wrapper .social-link.linkedin {background-position: -100px -2px;}
.social-wrapper .social-link.pinterest {background-position: -51px -100px;}
.social-wrapper .social-link.rss {background-position: -50px -2px;}
.social-wrapper .social-link.skype {background-position: -198px -50px;}
.social-wrapper .social-link.tumblr {background-position: -100px -50px;}
.social-wrapper .social-link.twitter {background-position: -2px -2px;}
.social-wrapper .social-link.vimeo {background-position: -2px -50px;}
.social-wrapper .social-link.youtube {background-position: -247px -100px;}

/***** COMMENTS *****/

#comments {clear:left;}
#comments h2 {font-size: 1.6rem;}
#comments ol, #comments ul{margin: 0;padding: 0;list-style: none;}
#comments li{margin-top:8px;padding: 8px;}
#comments ol.commentlist li {border: 1px solid #8E9E82;}
#comments ul.children li {margin: 8px 0 0 55px;border: 1px solid #8E9E82;background: #F5FFFA;}
#comments .comment-avatar {width: 55px;margin:0;float: left;}
#comments .comment-content {margin: 0  0 8px 55px;}
#comments .comment-content cite a.url {text-decoration: none;color: #495370;}
#comments.comment-notes, #comments.form-allowed-tags, #comments.comment-form-comment label {display: none;}
.comment-meta.commentmetadata {clear:left;color: #343838;font-style: italic;margin: 0 0 0 55px;}
#comments div.reply {text-align: right;}
#comments div a.comment-reply-link {text-decoration: none;color: #343838;margin-left: 55px;}

/***** COMMENT FORM *****/

#commentform {
    margin: 10px 0 0 0;
    }

h3#reply-title {
    color: #343838;margin: 8px 0 8px 0;
    }

h3#reply-title a {
    color: #343838
    }

#commentform input, #commentform textarea, #commentform #submit {
    font-family: ssp, Helvetica, Arial, sans-serif;
    margin-bottom: 8px;	
    padding: 6px;
    color: #343838;
    border: 1px solid #343838;
    }

#commentform textarea{
    width: 100%;
    }

#commentform #submit {
    width: 100%;
    color: #FFF;
    background: #343838;
    text-align: center;
    cursor: pointer;
    font-size: 1.2rem;
    padding: 2px 0;
    }

.form-allowed-tags {display:none;}

/***** Lightbox *****/

#lightbox {position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:101;}
#lightbox img {box-shadow:0 0 25px #111;-webkit-box-shadow:0 0 25px #111;-moz-box-shadow:0 0 25px #111;margin-top:5%;max-width:90%;height:auto;overflow:hidden;}
#lightbox p  {margin:0;padding:0;}
#boxything {position: relative;}
#boxything p {position:absolute;bottom: 1em;left: 0;right: 0;text-align:center;}
#lightbox p span {background: #FFF;height: 1em;border-radius: 1em;padding: 0.2em 3em;opacity:0.7;}

/***** WOO *****/



/***** Styles for screen 769px and higher *****/

@media screen and (min-width: 769px) {
    nav ul ul li:hover > a, nav a:focus, nav .current-menu-item > a, nav .current-menu-ancestor > a, nav .current_page_item > a, nav .current_page_ancestor > a {border-bottom: none;}
    body.blog div.entry {vertical-align:top;}
}

/***** Styles for screen 768px and lower *****/

@media screen and (max-width: 768px) {
    html {font-size: 0.9em}
    #headercontent{margin-top:0;}
    #widepage,#maincontent, #aerin-banner,#footercontent, #headercontent {padding: 12px;}
    footer {margin: 0;padding: 0;}
}

/***** Styles for screen 700px and lower *****/

@media screen and (max-width: 700px) {
    html {font-size: 0.8em}
    header {margin-bottom: 0px; padding-bottom:0;border:none;}
    #topbar{margin: -12px -12px 8px -12px;padding: 8px 12px;}
    #aerin-banner{margin: 0 0 28px 0;}
    #logo {margin-bottom:16px;}
    #secondary {width:35%;padding:18px;}
    .minibox {display:none;}
    nav ul ul li,nav ul ul li a{width:100%;border:none;opacity: 1;filter: alpha(opacity=100);}
    nav a {padding: 4px 8px;}
}

/***** Styles for screen 480px and lower *****/

@media only screen and (max-width: 480px) {
    #maincontent {padding: 0;}
    #primary, #secondary {width:100%; padding:12px;}
    #secondary ul li a {color:#FFF;background: #1A82C7;padding: 5px;margin-bottom: 4px;}
    #secondary ul li a:hover {background: #FFF;color: #1A82C7;}
    #tagline, #logo {margin:0 0 5px 0}
    #login {display:none;}
    header {margin:0}
    .entry img.alignright, .entry img.alignleft {max-width:50%;}
    .ld {border:none;padding:0;}
}


/***** Smartphone *****/

@media only screen and (max-width:479px) {
    #left-footer {float: left;width: 100%;}
    #right-footer {float: right;width: 100%;}
}

/************** BRIAN'S RESPONSIVE STUFF *****************/
.mobile-off {
	display: none;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
#memberlisttable td:nth-child(1),
#memberlisttable td:nth-child(3),
#memberlisttable th:nth-child(1),
#memberlisttable th:nth-child(3) {
	display: none;
}
@media only screen and (min-width: 640px) { /* 600 */
    /* For tablets: */
/*	.col-m-0 {display: none;}*/
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	
	.mobile-off {display: block;}
	
	#memberlisttable td:nth-child(1),
	#memberlisttable td:nth-child(3),
	#memberlisttable th:nth-child(1),
	#memberlisttable th:nth-child(3) {
		display: none;
	}
}
@media only screen and (min-width: 1030px) {  /*768 */
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
	.mobile-off {display: block;}
	
	#memberlisttable td:nth-child(1),
	#memberlisttable td:nth-child(3),
	#memberlisttable th:nth-child(1),
	#memberlisttable th:nth-child(3) {
		display: table-cell;
	}
}

[class*="col-"] {
    float: left;
    padding: 5px 15px 5px 15px;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}