/*
Theme Name: amerstyle
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amerstyle
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

amerstyle is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
        /*font-size: 62.5%;*/
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
*{
    font-size: 100%; /* 16px */
    line-height: 1.25rem; /* 20px */
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
h1,h2,h3,h4,h5,h6,p,ol,ul,table,blockquote,pre{
    margin-bottom: 1.25rem; /* 20px */
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6, h1 a, h2 a, h3 a { font-family: "Georgia", serif; color: #333 }
h1, .h1, h1 a { font-size: 2rem; /* 32px */ line-height: 2.5; /* 40px */}
h2, .h2, h2 a { font-size: 1.625rem; /* 26px */ line-height: 1.2; /* 40px */; }
h3, .h3, h3 a { font-size: 1.375rem; /* 22px */ line-height: 1.2; /* 40px */}
h4, .h4, h4 a { font-size: 1.125rem; /* 18px */ line-height: 1.1; /* 40px */}
h5, .h5, h5 a { font-size: 1rem; /* 16px */ line-height: 1.1; /* 20px */}
h6, .h6, h6 a { font-size: 0.875rem; /* 14px */ line-height: 1; /* 20px */}
p {
    font-family: "Lato", sans-serif; font-size: .9rem; line-height: 1.6; margin: 1rem 0;
}
ol > li, ul > li { font-size: .9rem }
aside p { font-size: 1rem; line-height: 1 }
footer p { font-size: .85rem; line-height: 1}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}
@media all and (min-width: 600px) {
    *{ font-size: 100%; /* 16px */ line-height: 1.375; /* 22px */ }
    h1, h2, h3, h4, h5, h6, p, ol, ul, table, blockquote, pre,
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 
    { margin-bottom: 1.375rem; /* 22px */ }
    h1, .h1, h1 a { font-size: 2.5rem; /* 40px */ line-height: 1.2; /* 44px */ }
    h2, .h2, h2 a {font-size: 2rem; /* 32px */ line-height: 1.2; /* 44px */ }
    h3, .h3, h3 a { font-size: 1.5rem; /* 24px */ line-height: 1.2; /* 44px */ }
    h4, .h4, h4 a {font-size: 1.125rem; /* 18px */ line-height: 1.2; /* 44px */ }
    h5, .h5, h5 a { font-size: 1rem; /* 16px */ line-height: 1.1; /* 22px */ }
    h6, .h6, h6 a { font-size: 0.875rem; /* 14px */ line-height: 1.1; /* 22px */ }
    blockquote{ padding:  1.375rem 1.5rem 0 1.5rem; /* 22px 24px 0 24px */ }
    blockquote p{ margin-bottom: 0; padding-bottom: 1rem; /* 22px */ }
    blockquote cite{ display: block; margin-top: 1rem; /* 22px */ text-align: right; }
    table{ border-collapse: collapse; }
    th{ line-height: 2.75rem; /* 44px */ padding: 0 0.625rem; /* 0 10px */ }
    td{ padding: 0 0.625rem; /* 0 10px */ }
    ol, ul{ margin-left: 0; /* 24px */ }
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}
/*---------------------------------------
# Blockquote and quote
---------------------------------------*/
/* for two levels of nested quotations */
q {quotes: '“' '”' '‘' '’';}
 /* extra content definitions for pre-2011 WebKit */
q:before {content: '“'; content: open-quote;}
q:after {content: '”'; content: close-quote;}
q q:before {content: '‘'; content: open-quote;}
q q:after {content: '’'; content: close-quote;}
  /* q in blockquote */
blockquote q:before {content: '‘'; content: open-quote;}
blockquote q:after {content: '’'; content: close-quote;}
blockquote q q:before {content: '“'; content: open-quote;}
blockquote q q:after {content: '”'; content: close-quote;}
  /* blockquote hanging opening quote */
blockquote:before {display: block; height: 0; content: "“"; margin-left: -.95em; font: italic 400%/1 Cochin,Georgia,"Times New Roman",serif; color: #999;}

blockquote {
  font-size: 1rem;
  font-style: italic;
  line-height: 1.1;
  border-left: 3px solid #ccc;
  margin: 1rem 4rem;
  padding: 0.75em 5px;
}

blockquote:before {display: block; height: 0; content: "“"; margin-left: -.95em; font: italic 400%/1 Cochin,Georgia,"Times New Roman",serif; color: #999;}
blockquote .attribution {
    font-variant: normal;
    font-style: normal;
    padding-top: .5rem;
    display: block;
}
blockquote .attribution:before {
    content: "\2014";
}
blockquote footer cite a { float: left; text-align: left }
blockquote footer  p { display: block; float: left}
@media all and (min-width: 768px) {

}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
        /*clear: both;*/
        display: block;
        float: left;
        /*width: 100%;*/
        /*border-top: 2px solid #333;*/ 
        /*border-bottom: 2px solid #333;*/
        background-color:  #00439F;
        margin-top: 0;
        padding: 0;
}

.main-navigation ul {
        /* uncomment line below to turn on mobile navigation toggle */
	/*display: none;*/ 
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
        padding: 0; margin: 0;
        /*background-color: #aaa;*/
        border-right: 1px solid #777;
        /*border-left: 1px solid #333;*/
}
/*.main-navigation ul li:last-child {float: right}*/
.main-navigation a {
	display: block;
        padding:  .5rem;
	text-decoration: none;
        color: #fff
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation li a:hover,
.main-navigation li a:focus a {
    background-color: crimson;
    color: #fff;
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	/*margin: 0 0 1.5em;*/
        margin: 1rem 1rem 1.5rem 1rem;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 100%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	/*text-align: right;*/
	width: 100%;
}

.single .nav-previous:before {
    display: block;
    width: 5em;
    font-size: .85rem; font-weight: bold;
    background-color: #90C695;
    color: #333;
    padding-left: .15rem;
    text-align: center;
    content: "Previous";
}

.single .nav-next:before {
    display: block;
    width: 5em;
    font-size: .85rem; font-weight: bold;
    background-color: #90C695;
    color: #333;
    padding-left: .15rem;
    margin-top: 1rem;
    text-align: center;
    content: "Next";
}
.nav-next a, .nav-previous a {
    color: #474747;
    font-weight: bold;
    font-size: .85rem;
    text-transform: uppercase;
}
.nav-next a:hover, .nav-next a:active,
.nav-previous a:hover, .nav-previous a:active {
    color: crimson;
}
@media all and (min-width: 768px) {
    .main-navigation { margin-top: 2.25rem }


}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# OTHER DEFAULT RULES
--------------------------------------------------------------*/
.dspblk { display: block }
.lato { font-family: "Lato"}
.oswald { font-family: "Oswald"}
.opensanscd { font-family: "Open Sans Condensed"}
.lakki { font-family: "Lakki Reddy"}

/*--------------------------------------------------------------
# IMAGES
--------------------------------------------------------------*/
.image img {
        -moz-transition: -moz-transform 0.2s ease-out;
        -webkit-transition: -webkit-transform 0.2s ease-out;
        -ms-transition: -ms-transform 0.2s ease-out;
        transition: transform 0.2s ease-out;    
}
.image img:hover {
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
			}
.image { overflow: hidden;}

/*--------------------------------------------------------------
# HEADER STYLING
--------------------------------------------------------------*/
.site-header { padding: 0; margin-top: 1rem }
.site-branding { padding: 0; float: left }
.site-branding .logo h1 { 
        font-family: 'Lakki Reddy', cursive; 
        margin-top: 0; color: crimson;
        margin-top: .5rem;
        font-size: 3rem; font-weight: 300;
        line-height: 1;
        text-transform: uppercase;
}
.site-branding .h1-tag { display: block; 
          font-family: Georgia, serif;
          font-size: 2rem; line-height: 2; 
          color: #00439F;
          margin-top: 0; margin-bottom: 0;
          line-height: 1.2;
}
.site-branding a { text-decoration: none; color: #333 }
.site-header .about { 
    font-size: .85rem;
    font-family: "Georgia", serif;
    color: #777;
    margin-top: 1rem;
    display: none;
}
.site-header span.tagline { color: #333; font-size: 1rem;
                         font-family: New Times Roman, serif;
                         font-weight: bold;
                         display: block;
                         line-height: 1.2;
                         border-bottom: 3px solid #333;
                         text-align: center; 
                         display: none;
}
@media all and (min-width: 768px) {
    header { padding: 0 15px }
    /*.site-branding .logo h1 { font-size: 2.7rem }*/
    /*.site-branding .h1-tag { font-size: 1.8rem }*/
    .site-header { border-bottom: 5px solid #333 }
}
@media all and (min-width: 990px) {
    .site-branding .logo h1 { font-size: 3rem }
    .site-branding .h1-tag { font-size: 2rem }
}
/*--------------------------------------------------------------
# POST STYLING
--------------------------------------------------------------*/
main.site-main { padding-top: 0 }
article h1.entry-title { line-height: 1.2 }
.single h1.entry-title { margin-top: 2rem }
article .entry-header h2 a { 
    text-decoration: none;
    color: #00439F;
}
article h2 {
    text-align: center;    
}
article h3.subtitle {
    font-family: "Lato", sans-serif;
    color: cornflowerblue;
    font-size: 1.4rem; line-height: 1;
    margin-top: 1rem    
}
.site-main article { margin: 0}
article { padding-bottom: 1rem; border-bottom: 1px dashed #777; }
article .entry-meta { color: #aaa; font-size: .85rem; font-weight: bold; margin-bottom: 1rem; }
@media all and (min-width: 768px) {
    main { border: 1px solid #ccc; margin-top: 1rem }
    /*.site-main { padding: 0 }*/
    /*article .entry-header { background-color: #00439F; padding: 1rem 0 }*/
    /*article .entry-header h2 { margin: 0; padding: 0 15px }*/
    /*article .entry-header h2 a { color: #fff; }*/
    article .entry-meta { color: #aaa; font-size: .85rem; font-weight: bold }
    article .entry-content, article .entry-summary, article .entry-footer { padding: 0 15px }
    article .entry-footer { padding-bottom: 1rem; border-bottom: 1px dashed #777;  }
    article { border-bottom: none; }
}
/* POST STYLING OF ARCHIVE PAGE */
.archive h1.page-title { font-size: 2.5rem }
.archive article h2 { margin: 0; padding: 0; text-align: left }
.archive article h2 a { font-size: 1.5rem; line-height: 1;}
.archive .entry-meta { margin: 0}
.archive .entry-content { margin: 0}
/*--------------------------------------------------------------
# WIDGETS
--------------------------------------------------------------*/
/* start custom widgets */
ul.bycategories, ul.bydate {
margin: 0;
padding: 0;
}
ul.bycategories li {
list-style: none; 
list-style-type: none;
margin: 0; 
padding: 0;
}
ul.bycategories li a {
list-style: none; 
list-style-type: none;
margin: 0 20px 15px 0; 
float: left; 
background: #eee; 
color: #464646; 
padding: 5px 10px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
ul.bycategories li a:hover{
text-decoration: none; 
background: #ff6200; 
background:  crimson;
color: #fff;
}
.clear{clear: both;}
ul.bydate { font-size: 1rem;
            list-style: none;
            font-family: arial, sans-serif;
}
ul.bydate span { line-height: 2rem}
ul.bydate .emptymonth { color: #999; padding: 5px 5px; }
ul.bydate li a {
    padding: 5px 5px;
    color: #333;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
ul.bydate li a:hover {
    text-decoration: none;
    background: #21759b;
    color: #fff;
    transition: .5s ease-in-out;
}
.compact-archives li a:hover {
    background-color: crimson;
    color: #fff;
}
.tag-cloud a:hover {
   background-color: #21759b; color: #fff; padding: .5rem;
   border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
transition: .5s ease-in-out;
}
.tagcloud a:hover {
    background-color: crimson;
    color: #fff;
}
ul.recent-posts li { list-style: none }
/* end custom widget */

.widget-area { padding-left: 0}
.widget_recent_entries h2,
.widget_text h2,
.widget_tag_cloud h2,
.wpb_caw_widget h2,
.widget_custom_categories h2
{ font-size: 1rem; background-color:  #6495ed; color: #fff; font-weight: 900; margin: 0; padding: .25rem 1rem; text-align: center }
/*.widget_recent_entries { background-color: lightyellow; }*/
.widget_recent_entries ul { list-style: none; margin: 0; padding: 0 1rem }
.widget_recent_entries li { border-bottom: 1px dashed #777; line-height: 1.1; padding: 1rem 0; }
.widget_recent_entries li a {
        font-size: .85rem;
        text-decoration: none;
        color: #00439F;
        margin-bottom: 0;
        padding: .5rem 0;    
        }
.widget_recent_entries li a:hover,
.widget_recent_entries li a:focus {
    color: crimson;
}
.textwidget {  padding: 1rem 1rem; font-size: .85rem; margin: 0 }
.tagcloud {  padding: 1rem 1rem }
.compact-archives {  padding-top: 1rem }
ul.bycategories { margin: 1rem 0; }
ul.compact-archives { list-style: none; margin: 0; padding: 1rem .85rem; font-size: .85rem}
.widget_search .search-submit {
    position:absolute;
    top:2px;
    left:205px;
    width:30px;
    height:30px;
    border: none; 
}
.widget_search input[type=submit] {
    box-shadow: none;
    background: url("http://nuttalk/wp-content/uploads/2016/02/sbutton2a.png") top left no-repeat;
}
.widget_search .search-submit:hover {
    background: url("http://nuttalk/wp-content/uploads/2016/02/sbutton2.png") top left no-repeat;  
    border: none; 
}
@media all and (min-width: 1200px) {
    .widget-area { padding: 0 0 0 15px }
    .widget_search .search-submit { left: 220px }
}
/*--------------------------------------------------------------
# FOOTER STYLING
--------------------------------------------------------------*/
.site-info { margin-top: 5rem; background-color: #777; color: #fff; font-size: .85rem }
.site-info h2 { color: #fff }
.copy { font-size: .8rem }

/*--------------------------------------------------------------
# LAYOUT
--------------------------------------------------------------*/
.header { float: left }
.site-main { float: right;}
aside { float: right }
@media all and (min-width: 768px) {
aside { margin-top: 1rem }
}
@media all and (min-width: 1200px) {
    .site-main { float: left }
    aside {float: right; margin-top: 1rem }

}

/*--------------------------------------------------------------
# OTHER LINKS
--------------------------------------------------------------*/
article h2 a:hover,
article h2 a:active {
    color: crimson;
}
/*a.more-link { display: none; }*/
a.more-link {
    font-size: .85rem;
    font-weight: bold;
    border: 1px solid #ccc;
    padding: 1rem;
    display: block;
    width: 180px;
    text-align: center;
    margin-top: 1rem;
    text-decoration: none;
    color: #777;
    
}
a.more-link:hover {
    transition: .2s ease-in-out;
    /*box-shadow: 1px 5px 20px #999;*/
    border: 1px solid crimson;
    color: crimson;
}
a.more-link:active {
    text-shadow: none;
    box-shadow: none;
}
.post-edit-link { font-size: .85rem; font-weight: bold; padding: .25rem }
a.post-edit-link { color: #aaa;  }
a.post-edit-link:hover,
a.post-edit-link:active {
    background-color: crimson;
    color: #fff;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption, figcaption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text, figcaption {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

figcaption { 
    font-size: .75rem;
    color: #333;
    font-weight: bold;
}
figcaption a, figcaption a:visited {
    color: #00439F;
}
figcaption a:hover, figcaption a:focus {
    color: crimson;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}