/* =General
----------------------------------------------- */
#content a:hover {
color:#e22426;
text-decoration:none;
}

#content .entry-meta a {
color:#aaa;
text-decoration:none;
}

#page {
background:#FFF;
max-width:1020px;
margin:40px auto;
}

.home .site-content {
margin:0;
}

.home.page .site-content,.site-content {
margin:20px 40px;
}

#primary {
float:left;
width:70%;
}

#secondary {
float:right;
width:28%;
}

.site-main {
clear:both;
float:left;
width:100%;
}

.site-footer {
background:#404040;
clear:both;
color:#aaa;
padding:40px;
}

.site-footer a,.site-footer .site-info a,.site-footer li a {
color:#aaa;
}

.site-info {
font-size:11px;
}

.site-header .site-branding {
position:relative;
padding:20px 40px 10px;
}

.site-title-group {
margin:50px 40px;
}

.site-title {
font-size:34px;
line-height:34px;
}

.site-title a {
color:#3a3a3a;
display:block;
text-decoration:none;
}

.site-description {
color:#666;
font:11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.typal-custom-header,.typal-custom-header img {
display:block;
float:left;
position:absolute;
top:0;
width:100%;
}

.error-404 .page-title,.no-results .page-title {
margin-bottom:20px;
}

.error-404 h1 {
font-size:32px;
margin-bottom:20px;
margin-top:40px;
}

iframe,object,embed {
height:auto;
max-height:100%;
width:100%;
}

a,a:visited,a:active,.site-footer a:hover,.site-title a:hover {
color:#FA8072;
}

.woocommerce #secondary,.screen-reader-text,.hidden {
display:none;
}

.page-template-template-fullpage-php #primary,.single-attachment #primary {
float:left;
margin-right:0;
width:100%;
}

/* =Menu
----------------------------------------------- */
#logo {
float:left;
max-width:700px;
width:75%;
}

#headphone {
float:right;
max-width:235px;
text-align:right;
width:25%;
}

.nav-menu {
background-color: #a0a0a0;
width:100%;
}

.nav-menu li {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
}

.menu-toggle {
cursor:pointer;
display:none;
}

.site-header .menu-toggle {
color:#FFF;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:10px 22px;
text-transform:uppercase;
}

.site-header .menu-toggle:hover {
background:#474747;
}

.site-header .menu-toggle:before {
-webkit-font-smoothing:antialiased;
content:'\f419';
display:inline-block;
font:normal 16px/1 Genericons;
margin-right:10px;
vertical-align:middle;
}

#menu-footer {
list-style-type:none;
}

.menu-footer-container ul {
margin:0;
padding:0;
}

#menu-footer li {
display:inline;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
padding-right:10px;
}

#menu-footer .current_page_item a,.current-menu-parent a,.current-post-parent a,.current-post-ancestor a,.current-menu-ancestor a,.current-menu-item a,#secondary .menu li a {
background:none;
}

/* =Content
----------------------------------------------- */
#home-tagline {
border-bottom:solid 2px #404040;
height:auto;
min-height:250px;
overflow:hidden;
width:100%;
}

#home-txt {
border-bottom:solid 2px #404040;
font-size:24px;
margin-bottom:20px;
padding:10px;
text-align:center;
}

#home-emphasis,#home-sticky {
font-size:11px;
line-height:16px;
padding-top:20px;
text-align:center;
}

figure.sticky-thumb {
height:auto;
max-height:200px;
overflow: hidden;
}

#home-posts {
font-size:14px;
line-height:20px;
}

#home-emphasis h3,#home-sticky h3,#home-posts h3,#home-cat-posts h3 {
font-size:16px;
line-height:20px;
margin-bottom:15px;
}

#pagefeature {
margin:20px 0 0;
text-align: center;
}

#pagefeature .simple-button {
display:block;
margin-bottom:20px;
}

#pagefeature h1,#pagefeature h2 {
font-size:24px;
margin-bottom:20px;
}

#sitemap li {
line-height:30px;
list-style:none;
}

h1,h2,h3 {
font-family:Ubuntu, sans-serif;
}

.entry-content h1 {
font-size:32px;
margin:0 0 40px;
}

.entry-content h2 {
font-size:28px;
margin:0 0 36px;
}

.entry-content h3 {
font-size:24px;
margin:0 0 32px;
}

.entry-content h4 {
font-size:20px;
margin:0 0 28px;
}

.entry-content h5 {
font-size:16px;
margin:0 0 24px;
}

.entry-content h6 {
font-size:12px;
margin:0 0 20px;
}

.placed h1,
.placed h2,
.placed p {
margin:0 40px;
}
.placed h1 {
color:#e22426;
font-size:50px;
line-height:50px;
padding: 5% 0 20px 0;
}
.placed h2 {
color:#2c2c2c;
font-size:18px;
line-height:24px;
margin-bottom: 20px;
}

.img-home-post {
height:120px;
overflow:hidden;
}

.recent-home-posts {
margin-bottom:25px;
}

.recent-home-posts h2 {
border-bottom:solid 2px #404040;
text-align:center;
}

.page-header {
border-bottom:solid 2px #404040;
line-height:30px;
margin-bottom:20px;
}

.page-title {
font-size:24px;
}

.site-content .entry-content hr,.site-content .comment-content hr,#tinymce hr {
background-color:#ddd;
border:0;
height:1px;
margin-bottom:20px;
}

.site-content .entry-content th,.site-content .comment-content th,#tinymce th,.site-content .entry-content td,.site-content .comment-content td,#tinymce td {
border-bottom:solid 1px #ddd;
padding:8px;
}

.site-content .entry-content tr:hover td,.site-content .comment-content tr:hover td,#tinymce tr:hover td {
background:#f7f7f7;
}

.site-content .entry-content blockquote,.site-content .comment-content blockquote,#tinymce blockquote {
margin-bottom:20px;
margin-left:-40px;
margin-top:20px;
padding:20px 20px 1px 80px;
position:relative;
}

.site-content .entry-content blockquote:before,.site-content .comment-content blockquote:before,#tinymce blockquote:before {
color:#aaa;
content:'\0201C';
font-family:Georgia, 'Times New Roman', serif;
font-size:50px;
left:40px;
position:absolute;
top:32px;
}

.site-content .entry-content blockquote cite:before,.site-content .comment-content blockquote cite:before,#tinymce blockquote cite:before {
content:'\02014  ';
}

blockquote {
font-family:Georgia, 'Times New Roman', serif;
font-size:16px;
font-style:italic;
}

.single .site-content .entry-title {
font-size:28px;
margin-bottom:20px;
}

.site-content .entry-title {
font-size:24px;
line-height:40px;
margin-bottom:5px;
}

.site-content .entry-title a {
color:#3a3a3a;
}

.site-content .entry-meta {
color:#aaa;
font-size:11px;
line-height:15px;
text-align:right;
}

.site-content .entry-meta a {
color:#aaa;
text-decoration:none;
}

.site-content .entry-content,.site-content .entry-header,.site-content .entry-summary {
-ms-word-wrap:break-word;
word-wrap:break-word;
}

.site-content .entry-header .entry-meta {
font-size:11px;
text-align:left;
}

.entry-thumbnail {
float:left;
margin-right:25px;
height:auto;
max-height:120px;
overflow: hidden;
width:30%;
}

.entry-excerpt {
float:left;
width:65%;
}

.entry-content {
font-family:"PT Sans", Verdana, sans-serif;
font-size:16px;
line-height:24px;
}

.site-content .entry-header .entry-meta .author {
color:#3a3a3a;
font-weight:600;
}

cite {
color:#FA8072;
font-size:14px;
}

.clear {
clear:both;
display:block;
height:0;
width:100%;
}

#home-emphasis h2 a,#home-sticky h2 a,#pagefeature h1 a,#pagefeature h2 a,.entry-title a {
text-decoration:none;
}

#home-emphasis h2,#home-sticky h2,#home-posts h2,#home-cat-posts h2 {
font-size:20px;
line-height:26px;
margin-bottom:20px;
}

#sitemap ul li,.nav-previous,.nav-next,address {
font-size:14px;
}

.site-content .entry-content table,.site-content .comment-content table,#tinymce table,.site-content .entry-content ul,.site-content .comment-content ul,#tinymce ul,.site-content .entry-content ol,.site-content .comment-content ol,#tinymce ol {
margin-bottom:20px;
}

.site-content .entry-title a:hover,.site-content .entry-meta a:hover {
color:#FA8072;
}

/*=CustomPagination
-----------------------------------*/
.page-numbers li {
 font-size: 14px;
 display: inline;
 padding-right: 5px;
}

/*=Post Type
-----------------------------------*/
.typal_emphasis .entry-meta {
  display: none;
}

/*=Post Format
-----------------------------------*/
.status {
float:left;
margin-left:10px;
margin-right:10px;
}

.entry-meta .genericon {
font:normal 16px/1 Genericons;
}

.entry-title .genericon {
font:normal 32px/1 Genericons;
}

.home-posts-description iframe,.home-posts-description embed,.home-posts-description object {
height:auto;
width:100%;
}

.metka {
background:#444;
color:#FFF;
margin-left:-40px;
padding-left:10px;
padding-right:5px;
}

#content .entry-content .gallery a img,#content .entry-content .gallery img {
border:0;
}

.image-navigation {
padding-top:15px;
}

.home-posts-description .wp-caption-text,.blog .format-aside .entry-title,.archive .format-aside .entry-title {
display:none;
}

/* =Meta
----------------------------------------------- */
.posted-on {
 background: url(../img/bg-ic.png) no-repeat;
 background-position: 0 -13px;
 padding-left: 15px;
}
.byline {
 background: url(../img/bg-ic.png) no-repeat;
 padding-left: 15px;
}
.cat-links {
 background: url(../img/bg-ic.png) no-repeat;
 background-position: 0 -25px;
 padding-left: 15px;
}
.tags-links {
 background: url(../img/bg-ic.png) no-repeat;
 background-position: 0 -38px;
 padding-left: 15px;
}

/*=Column
-----------------------------------*/
.pagecol {
margin: 0 40px;
}
.columns {
overflow: hidden;
}
.col {
float: left;
margin-left: 3.2%;
margin-bottom: 30px;
}
.fullwidth .col {
float: none;
margin-left: 0;
}
/* grid4 col */
.grid4 .col {
width: 22.6%;
}
/* grid3 col */
.grid3 .col {
width: 31.2%;
}
/* grid2 col */
.grid2 .col {
width: 48.4%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}
/* reset cols to 2-column */
@media screen and (max-width: 900px) {
/* grid4 */
.grid4 .col {
width: 48.4%;
}
.grid4 .col:nth-of-type(3n+1) {
margin-left: 3.2%;
clear: none;
}
.grid4 .col:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}
/* grid3 */
.grid3 .col {
width: 31.2%;
}
.grid3 .col:nth-of-type(3n+1) {
margin-left: 0;
clear: none;
}
}
/* reset cols to fullwidth */
@media screen and (max-width: 650px) {
/* grid4 */
.col {
width: 100% !important;
margin-left: 0 !important;
clear: none !important;
}
}

/* =Comments
----------------------------------------------- */
.comments-area {
margin-bottom:40px;
margin-top:20px;
}

.comments-area .comments-title {
font-size:18px;
margin-bottom:40px;
}

.comments-area .comment-list {
list-style:none;
margin:0;
padding:0;
}

.comments-area ul.children {
list-style:none;
margin:0;
padding-left:56px;
}

.comments-area article {
border-bottom:none;
border-top:solid 1px #ddd;
margin:0;
padding:20px 0 32px;
}

.comments-area .comment-content h1,.comments-area .comment-content h2,.comments-area .comment-content h3,.comments-area .comment-content h4,.comments-area .comment-content h5 {
margin:20px 0;
}

.comments-area .comment-content blockquote {
background:none;
}

.comments-area .comment-content,.comments-area .reply,.comments-area li.comment #respond {
margin-left:45px;
}

.comment-content p {
color:#666;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
}

.comments-area footer {
margin-bottom:20px;
}

.comments-area footer .comment-author,.comments-area footer .comment-meta {
display:inline-block;
font-size:12px;
}

.comments-area footer cite {
font-style:normal;
}

.comments-area footer .says {
display:none;
}

.comments-area footer .comment-author,.comment-metadata {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}

.fn {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

.comment-metadata {
margin-left:45px;
margin-top:5px;
}

.logged-in-as {
font-size:11px;
}

.comments-area footer .comment-author a {
color:#3a3a3a;
text-decoration:none;
}

.comments-area footer .comment-author .avatar {
margin-right:10px;
position:relative;
top:12px;
}

.comments-area footer .comment-meta {
margin-left:4px;
}

.comments-area footer .comment-meta,.comments-area footer .comment-meta a {
color:#aaa;
font-size:12px;
text-decoration:none;
}

.comments-area #respond {
padding-top:40px;
}

.comments-area #reply-title {
font-size:18px;
margin-bottom:10px;
}
p.form-allowed-tags,
#commentform label {
color:#aaa;
}
#commentform label {
display:block;
color:#aaa;
margin-bottom:10px;
}

#commentform label .required {
color:red;
}

#comments {
font-size:12px;
}

.comments-link {
margin-left:5px;
}

.comments-area .comment-content h1,.comments-area .comment-content h2,.comments-area .comment-content h3,.comments-area .comment-content h4,.comments-area .comment-content h5,.comments-area .comment-content h6 {
font-size:14px;
}

.comments-area footer .comment-author a:hover,.comments-area footer .comment-meta:hover,.comments-area footer .comment-meta a:hover {
color:#FA8072;
}

/* =Link Meta
----------------------------------------------- */
.edit-link:before {
    content: '\f411';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 16px/1 'Genericons';
    vertical-align: middle;
}
.edit-link {
 margin-left: 10px;
}

/* =Button
----------------------------------------------- */
.simple-button,.simple-button a {
border-bottom:1px solid #ccc;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:1px;
line-height:16px;
padding:10px 16px;
text-align:center;
text-decoration:none;
white-space:nowrap;
}

.simple-button.red {
background-color:#e22426;
color:#FFF;
}

.simple-button.red:hover {
background-color:#FA8072;
border-bottom:1px solid #ccc;
}

.simple-button.black {
background-color:#3A3A3A;
color:#FFF;
}

.simple-button.black:hover {
background-color:#6A6A6A;
}

.borderbut {
border:2px solid #FA8072;
color:#e22426;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
padding:5px 10px;
text-align:center;
text-decoration:none;
white-space:nowrap;
}

/*=Element
-----------------------------------------------*/
button,html input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance:button;
background:#e22426;
border-bottom:1px solid #ccc;
border-left:none;
border-right:1px solid #ccc;
border-top:none;
color:#FFF;
cursor:pointer;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:1px;
line-height:16px;
padding:10px 16px;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
}

button:hover,html input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {
background:#FA8072;
}

/*Shortcodes
----------------------------------------------*/
.btn {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
color:#FFF;
display:inline-block;
margin:15px 0;
text-decoration:none;
}

.btn a {
color:#FFF;
}

.btn.large {
font-size:24px;
padding:16px 42px;
}

.btn.small,.btn {
font-size:16px;
padding:8px 28px;
}

.btn.orange {
background:#ff7f66;
}

.btn.orange:hover,.btn.orange:focus {
background:#ff7257;
}

.btn.orange.active,.btn.orange:active {
background:#ff6547;
}

.btn.blue {
background:#2185c5;
}

.btn.blue:hover,.btn.blue:focus {
background:#1f7cb8;
}

.btn.blue.active,.btn.blue:active {
background:#1d73ab;
}

.btn.red {
background:#e85451;
}

.btn.red:hover,.btn.red:focus {
background:#e64743;
}

.btn.red.active,.btn.red:active {
background:#e22426;
}

.btn.green:hover,.btn.green:focus {
background:#25A226;
}

.alert {
background:#bcbcbc;
color:#676767;
margin-bottom:24px;
padding:24px;
}

.alert.red {
background:#e22426;
color:#FFF;
}

.alert.yellow {
background:#faeaa7;
color:orange;
}

.alert.green {
background:#228B22;
color:#FFF;
}

.btn.green,.btn.green.active,.btn.green:active {
background:#228B22;
}

/* =Forms
----------------------------------------------- */
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],textarea {
border:1px solid #ccc;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,0.2) inset;
color:#666;
}

#secondary input[type=search] {
width:100%;
}

#primary input[type=search] {
width:50%;
}

input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus {
color:#111;
}

input[type=text],input[type=email],input[type=url],input[type=password],input[type=search] {
padding:5px;
}

/* =Widgets
----------------------------------------------- */
.widget {
margin-bottom:40px;
}

.widget ul,.site-footer ul {
list-style:none;
margin:0;
}

.widget_nav_menu .menu ul li {
margin:5px 0 5px 10px;
}

.widget ul li {
margin:5px 0 0;
}

.widget-area .widget-title a {
color:#3a3a3a;
}

.widget-area .widget-title a:hover {
color:#FA8072;
}

.widget-area .widget_recent_entries .post-date {
color:#aaa;
}

#home-widget .mini-title {
border-bottom:solid 2px #404040;
font-size:20px;
}

.textwidget,.widget-area {
font-size:14px;
}

.widget-title {
color:#525252;
font-size:.9em;
font-weight:700;
margin-bottom:20px;
text-transform:uppercase;
}

table#wp-calendar {
font-size:12px;
}
#wp-calendar caption {
margin-bottom:5px;
text-align:center;
text-transform:uppercase;
font-size:12px;
font-weight:700;
}

#wp-calendar th {
text-align:center;
}

#wp-calendar tbody td {
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
text-align:center;
}

.site-footer h5 {
font-size:12px;
font-weight:700;
margin-bottom:15px;
}

.widget .fa {
margin-right:5px;
}

.widget p {
margin-bottom:1em;
}

.widget-footer ul {
margin:0;
}

.site-footer .search-submit {
display:none;
}

.footer-widget {
 margin-bottom: 15px;
}

/* =Media Queries
----------------------------------------------- */
@media (max-width:960px) {
.sf-menu ul ul li {
display : none;
}
.nav-menu h1 {
display : block;
}
.nav-menu div {
display : none;
}
.nav-menu.toggled div {
display : block;
}
}
@media (max-width:900px) {
#page {
width : 87%;
}
#primary {
width : 100%;
margin-right : 0;
}
#secondary {
width : 100%;
margin-left : 0;
}
}
@media (min-width:960px) {
.sf-menu > li {
border-right : 1px solid #5A5A5A;
}
}
@media (max-width:700px) {
.single .site-content .entry-title, .site-content .entry-content h1, .site-content .comment-content h1 {
font-size : 28px;
line-height : 38px;
}
.single .site-content .related-content {
padding-bottom : 20px;
padding-left : 40px;
padding-right : 40px;
}
.single .site-content .related-content .related-content-title {
margin-left : 0;
}
.single .site-content .related-content article {
width : 100%;
padding : 20px 0 0 0;
margin : 0;
}
.single .site-content .has-post-thumbnail .entry-thumbnail {
width : 50px;
margin-bottom : 0;
}
.entry-thumbnail {
width : 100%;
margin : 0;
}
.entry-excerpt {
width : 100%;
}
}
@media (max-width:600px) {
#page {
width : 85%;
}
#comments {
display : none;
}
#logo {
width : 100%;
text-align : center;
}
#headphone {
width : 100%;
max-width : 400px;
text-align : center;
}
.footerwidget-left {
width : 100%;
}
.footerwidget-right {
width : 100%;
margin-top : 10px;
margin-bottom : 10px;
}
}
@media (max-width:480px) {
#page {
width : 100%;
margin : 0;
}
}