/*
Theme Name: Alpha-Theme
Description: Child theme for Canvas.
Author: Jeff Mcneill
Author URI: https://mcneill.io
Template: canvas
Version: 1.0.01
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: canvas, mcneill
Text Domain: alpha-theme
*/

@import url('../canvas/style.css');

/* --------------- Theme customization starts here ----------------- *//

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

.site-branding h1 a { color:red; }
.screen-reader-shortcut { display:none; }

/* set up basic fonts */
body, h1, h2, h3, h4, h5, h6, .entry, .entry p, button, ul, li, a, .amount, .total, .navbar, .button { font-family: 'Noto Sans', sans-serif !important; color: #333 !important; text-rendering: optimizelegibility !important; font-weight: 400 !important; text-transform: none !important; }
a { color: #428bca !important; }

/* get rid of crap footer */
#footer { display:none; }

/* remove post author and tags */
#post-author, .tags { display:none !important; }
.post { margin-bottom: 10px !important;}

/* fix admin bar */
#wpadminbar .quicklinks .ab-empty-item, #wpadminbar .quicklinks a, #wpadminbar .shortlink-input, .quicklinks>ul>li>a { display:block !important; font-size: 12px !important; !important; color: #fff !important; padding: 0px 5px 0px 5px !important; margin: 0px !important; }

/* remove main logo/header image */
header#header { display:none; }

/* fix the space above breadcrumb */
#navigation { margin-bottom: 15px; }
div#comments { display:none; }
div#content { padding-bottom: 0px !important }

/* set widgets correctly */
.widget { margin: 0 0 15px 0; }
.widget h3 { padding: 0 !important; }
#footer-widgets .block { padding: 0 !important; }

/* Cookie Notice Plugin Fixes */
#cookie-notice { font-size: 15px !important; font-weight: 600 !important; color:#333 !important;  }
#cookie-notice .button { background: #333 !important; }
div.cookie-notice-container { padding: 12px 10px 10px 10px !important; }

/* Fix WC Button */
.button { padding: .2em .5em .2em .5em !important; }

/* Main Nav Fixes */
ul.nav li a, #navigation ul.rss a, #navigation ul.cart a.cart-contents, #navigation .cart-contents #navigation ul.rss, #navigation ul.nav-search, #navigation ul.nav-search a { font-weight: 500 !important; font-size: 20px !important; }

h2.title.entry-title { font-size: 28px !important; font-weight: 500 !important; }

body, .entry, .entry p, .widget p, .widget .textwidget, cite.author, a, a:hover, a:visited { font-size: 16px !important; font-weight: 400 !important; }

h1, h1 a, h1 a:hover, h1 a:visited { font-size: 30px !important; font-weight: 500 !important; }

h2, h2 a, h2 a:hover, h2 a:visited { font-size: 25px !important; font-weight: 500 !important;}

h3, h3 a, h3 a:hover, h3 a:visited { font-size: 20px !important; font-weight: 500 !important; }

/* remove part of breadcrumb */
span.trail-before { display:none; }
.breadcrumb { padding: 0 !important; margin-bottom: 10px !important; }

.clear-both {clear: both;}
ul > li { line-height:25px; }
ul#menu-categories.menu { list-style-type: disc !important; }
ol { padding:0px 0px 0px 0px !important;
 margin:0px 0px 0px 0px !important;
 -webkit-margin-before: 1em;
 -webkit-margin-after: 1em;
 -webkit-margin-start: 0px;
 -webkit-margin-end: 0px;
 -webkit-padding-start: 0px !important; }
table { margin: 10px 0px 10px 0px; }
th, tr, td { padding: 5px 10px 5px 0px;
 border: 0px solid #333333;
 text-align: center; }
tr:nth-child(even) { background-color: #d5e5e5; }
tr:nth-child(odd) { background-color: #f9fbfb; }
th { background-color: #d1dfdf; }

span.wpcf7-list-item { display: block; }
.wpcf7-captchac { float:none !important; }

blockquote p { font-size: 16px !important;
 line-height: 22px !important;
 font-style: italic !important;
 margin-bottom: 10px; }
pre, code { font-family: Hack, monospace; font-size: 12px !important; margin: 1em 0em; }
pre { word-break: normal !important;
 color: #d14 !important;
 background-color: transparent; }

img { max-width: 100% !important;
 max-height: 100% !important;
 height: inherit !important;
 border-radius: 10px !important; /* Nah, not really, but it makes the edges round */
 float: left !important; }
.img-left { float: left !important;
 margin: 5px 20px 10px 0px;
 border-radius: 10px !important; /* for rounded corners */
}
.img-right { float: right !important;
 margin: 5px 0px 10px 20px;
 border-radius: 10px !important; /* for rounded corners */
}
.img-thumb { margin: 0px 10px 10px 0px !important; /* markup all thumbnails with this class */
}

@media only screen
 and (min-width: 320px) { .img-thumb { max-width: 130px !important; /* iphone 5 portrait */
 }
 .img-full { max-width: 270px !important; /* align width with thumbnails */
 }
}
@media only screen
 and (min-width: 360px) { .img-thumb { max-width: 150px !important; /* Galaxy S5 portrait */
 }
 .img-full { max-width: 310px !important; /* align width with thumbnails */
 }
}
@media only screen
 and (min-width: 375px) { .img-thumb { max-width: 155px !important; /* iphone 6 portrait */
 }
 .img-full { max-width: 320px !important; /* align width with thumbnails */
 }
}
@media only screen
 and (min-width: 411px) { .img-thumb { max-width: 113px !important; /* iphone 6p, Nexus 5x portrait */
 }
 .img-full { max-width: 360px !important; /* align width with thumbnails */
 }
}
@media only screen
 and (min-width: 435px) { .img-thumb { max-width: 121px !important; /* nexus 5s landscape */
 }
 .img-full { max-width: 384px !important; /* align width with thumbnails */
 }
}
@media only screen
 and (min-width: 568px) { .img-thumb { max-width: 122px !important; /* iphone 5 landscape */
 margin: 0px 10px 10px 0px !important; /* reset the margin to standard */
 }
 .img-full { max-width: 517px !important; /* align width with thumbnails */
 }
}
@media only screen
 and (min-width: 640px) { .img-thumb { max-width: 140px !important; /* Galaxy S5 landscape */
 }
 .img-full { max-width: 588px !important; /* align width with thumbnails */
 }
}
@media only screen
 and (min-width: 667px) { .img-thumb { max-width: 146px !important; /* iphone 6 landscape */
 }
 .img-full { max-width: 614px !important; /* align width with thumbnails */
 }
}
@media only screen
 and (min-width: 736px) { .img-thumb { max-width: 128px !important; /* iphone 6p landscape */
 }
 .img-full { max-width: 680px !important; /* align width with thumbnails */
 }
}
@media only screen
 and (min-width: 768px) { .img-thumb { max-width: 153px !important; /* ipad portrait + standard desktop */
 }
 .img-full { max-width: 480px !important; /* align width with thumbnails */
 }
}
@media only screen
 and (min-width: 980px) { .img-thumb { max-width: 151px !important; /* ipad landscape + wide desktop */
 }
 .img-full { max-width: 634px !important; /* align width with thumbnails */
 }
}
input[type=text]#s { overflow: hidden;
 padding-right: .5em;
 width:170px !important; }
input[type=email] { overflow: hidden;
 padding-right: .5em;
 width:170px !important; }
input[type=submit] { margin-left: 5px !important;
 line-height: 25px !important; }
.widget_recent_entries ul,
.widget_links ul { list-style-type: disc !important; }
.widget a { line-height: 25px !important; }
.navbar { margin-bottom:0px !important; }
.nav .navbar-default .navbar-nav > li > a { color: #1e73be; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #dd3333; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #dd3333; }

ul.tabs { display: none; }
.preview-lazyload { border-radius: 10px; }

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { clip: auto !important; display: block; height: auto; left: 5px; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */
}
.screen-reader-response { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-response:focus { clip: auto !important; display: block; height: auto; left: 5px; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */
}