/*
Theme Name: Robina Hood V4
Theme URI: http://www.robina-hood.de
Description: A Personal Blogging Theme based upon Amiable.
Author: Robina.Hood
Tags: one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, custom-menu, full-width-template, sticky-post, theme-options, translation-ready
Version: 1.0.0
License: GNU General Public License
*/

/* Typography
*********************************************/

body, button, input, select, textarea { color: #5e5e5e; font-family: 'Pt Serif', serif; font-size: 14px; word-break: break-word; }

h1, h2, h3, h4, h5, h6 { clear: both; margin-top: 0; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 1px; margin-bottom: 20px; color: #231f20; text-transform: uppercase; }

.sq-entry h1, .sq-entry h2, .sq-entry h3, .sq-entry h4, .sq-entry h5, .sq-entry h6 { margin-top: 40px }

.sq-entry > h1:first-child, .sq-entry > h2:first-child, .sq-entry > h3:first-child, .sq-entry h4:first-child, .sq-entry h5:first-child, .sq-entry h6:first-child { margin-top: 0 }

h1 { font-size: 28px }

h2 { font-size: 24px }

h3 { font-size: 20px }

h4 { font-size: 18px }

h5 { font-size: 16px; line-height: 22px; }

h6 { font-size: 14px }

p { margin: 0; margin-bottom: 20px; line-height: 22px; font-size: 14px; }

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

blockquote { margin: 30px 0 30px 0; font-size: 16px; font-style: italic; color: #231f20; padding: 0 0 0 20px; border-left: solid 4px #9bc6b2; }

blockquote p { font-size: 16px }

blockquote cite span { background: #bababa; color: #fff; padding: 3px 5px; font-style: normal; font-size: 12px; text-transform: uppercase; font-family: 'Lato', sans-serif; margin-left: 5px; }

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

cite { color: #bababa; line-height: 40px; display: block; }

address { margin: 0 0 20px; line-height: 24px; }

pre { background-color: #ebebeb; font-family: "Courier 10 Pitch",Courier,monospace; font-size: 15px; line-height: 1.6; margin-bottom: 30px; max-width: 100%; overflow: auto; padding: 20px; border-left: solid 4px #9bc6b2; }

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

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

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

big { font-size: 125% }

/* Elements
*********************************************/

html { box-sizing: border-box }

*, :before, :after { box-sizing: inherit }

body { background: #ffffff }

body#tinymce { background: #ffffff }

blockquote, q { quotes: "" ""; font-style: italic; color: #231f20; }

hr { background-color: #e2e2e2; border: 0; height: 1px; margin: 40px 0; }

a { /*color: #9bc6b2; */ color: #fff; text-decoration: none; transition: color .5s ease; -moz-transition: color .5s ease; -webkit-transition: color .5s ease; /* background-color: #231f20;*/ }
/* color addon codus */
.sq-content-area > article > .sq-post-content a { background-color: #231f20; color: #fff; }
.sq-content-area > article > .sq-post-content  a:hover { background-color: #364b99; }
/* eof color addon codus */

a:hover { color: #364b99 }

ul, ol, dl { margin: 0 0 20px 0; padding: 0; line-height: 28px; }

ul li, ol li, dl dt { margin-bottom: 5px }

ul { list-style: disc; list-style-position: inside; }

ol { list-style: decimal; list-style-position: inside; }

li > ul, li > ol, dt > dl { margin: 5px 0 5px 40px; margin-left: 30px; }

dt { font-weight: 700 }

dd { margin: 0 20px 20px }

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

table { width: 100%; border-collapse: collapse; margin-bottom: 30px; }

table tbody tr:nth-of-type(odd) { background-color: #f6f6f6 }

td, th { padding: 20px 10px; text-align: left; }

th { font-family: 'Lato', sans-serif; text-transform: uppercase; }

tfoot tr td { padding: 15px 0 }

/* Media
*********************************************/

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

/* Columns
*********************************************/

.column-2 { width: 50% }

.column-3 { width: 33.33% }

.column-2-3 { width: 66.66% }

.column-4 { width: 25% }

.column-3-4 { width: 74% }

.column-5 { width: 20% }

.column-2-5 { width: 40% }

.column-3-5 { width: 60% }

.column-4-5 { width: 80% }

.column-6 { width: 16.66% }

.column-5-6 { width: 83.33% }

.column { position: relative; float: left; padding: 0 15px 0 15px; }

.clearboth { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; }

/* Layout
*********************************************/

.clear:before, .clear:after, .sq-page:before, .sq-page:after, .sq-header:before, .sq-header:after, .sq-container:before, .sq-container:after, #sq-footer:before, #sq-footer:after, .comment-content:before, .comment-content:after { content: " "; display: table; }

.clear:after, .sq-page:after, .sq-header:after, .sq-container:after, #sq-footer:after, .comment-content:after { clear: both }

.sq-container { position: relative; margin: 0 auto; width: 1120px; padding: 0 15px 0 15px; }

.sq-page-container { padding-top: 60px; padding-bottom: 60px; }

.sq-row { margin: 0 -15px 0 -15px }

.sq-content-area { width: 70%; float: left; }

.sq-content-area-full { width: 100% }

.sq-content { padding: 0 15px 0 15px }

.sq-main-content { padding: 40px 0 40px 0 }

.sq-sidebar-widgets { width: 28%; float: right; margin-right: 0; padding: 0 15px 0 15px; }

/* Galleries
*********************************************/

.gallery { margin-bottom: 1.5em }

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

.gallery-item img { margin-bottom: 0 !important }

.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 }

/* Captions
*********************************************/

.wp-caption, .wp-caption-text { margin-bottom: 20px; max-width: 100%; }

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

.wp-caption .wp-caption-text, .wp-caption-text { border-left: solid 4px #9bc6b2; margin: 0; padding: 10px; font-size: 12px; text-align: left; font-style: italic; }

/* Forms
*********************************************/

label { display: block; margin: 10px 0 5px 0; }

.comment-reply-link, .sq-button, button, input[type="button"], input[type="reset"], input[type="submit"] { border: solid 1px #231f20; background-color: #231f20; color: #ffffff; padding: 10px 16px; font-family: 'PT Serif', serif; font-style: italic; display: inline-block; line-height: normal; transition: opacity .5s ease; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; -webkit-appearance: none; word-break: normal; }

.comment-reply-link:hover, .sq-button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity: .8; color: #ffffff !important; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="datetime"], textarea { color: #616161; padding: 11px 10px; background: #ffffff; border: solid 1px #d3d3d3; width: 100%; font-family: 'Pt Serif', serif; box-sizing: border-box; font-size: 12px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; word-break: normal; }

textarea { font-family: 'Pt Serif', serif; font-size: 12px; width: 100%; }

select { color: #616161; padding: 11px 10px; background-color: #ffffff; border: solid 1px #d3d3d3; width: 100%; font-family: 'Pt Serif', serif; box-sizing: border-box; font-size: 12px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('images/select-arrow.png'); background-repeat: no-repeat; background-position: right center; background-position-x: 96%; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { 
	select { background-image: url('images/select-arrow@2x.png'); background-size: 12px 8px; }
}

/* Search Form */

.sq-search-form { position: relative }

.sq-search-form input[type="search"] { padding-right: 40px }

.sq-search-form .sq-search-submit { position: absolute; top: 0; right: 0; border: none; background: transparent; color: #6b6b6b; }

.sq-search-form .sq-search-submit:hover { color: #6b6b6b !important }

.sq-search-form .sq-search-submit:after { content: "\f002"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }

.sq-search-page input[type="search"], .sq-404-page input[type="search"] { width: 100% }

/* Navigation
*********************************************/

.sq-main-nav { display: block; text-align: center; padding-bottom: 30px; clear: both; }

.sq-main-nav a { display: block; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; color: #4d4d4d; }

.sq-main-nav ul > li.menu-item-has-children, .sq-main-nav ul > li.page_item_has_children { padding-right: 20px }

.sq-main-nav .current_page_item > a, .sq-main-nav .current-menu-item > a, .sq-main-nav .current_page_ancestor > a { }

.sq-main-nav ul ul .current_page_item > a, .sq-main-nav ul ul .current-menu-item > a, .sq-main-nav ul ul .current_page_ancestor > a { border-bottom: none; padding-bottom: 0; }

.sq-main-nav li { display: inline-block; position: relative; margin: 0 20px 0 20px; text-align: center; }

.sq-main-nav li:hover > a { color: #231f20 }

.sq-main-nav ul ul li:hover > a { color: #ffffff }

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

.sq-main-nav ul li.menu-item-has-children:before, .sq-main-nav ul li.page_item_has_children:before { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0,0); position: absolute; top: 47%; transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 0; font-size: 16px; }

.sq-main-nav ul li:hover > ul { display: block }

.sq-main-nav ul ul { position: absolute; top: 24px; display: none; z-index: 99999; padding: 34px 0 10px; left: -80px; text-align: center; }

.sq-main-nav ul ul > li.menu-item-has-children:before, .sq-main-nav ul ul > li.page_item_has_children:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0,0); position: absolute; top: 46%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 20px; font-size: 16px; color: #ffffff; }

.sq-main-nav ul ul > li.menu-item-has-children, .sq-main-nav ul ul > li.page_item_has_children { padding-right: 10px }

.sq-main-nav ul ul ul { display: none; left: 100%; padding-top: 0; top: 0; }

.sq-main-nav ul ul li { margin-left: 0; background-color: rgba(53, 53, 53, 0.8); padding: 6px 10px; margin-right: 0; }

.sq-main-nav ul ul li:last-of-type { border-bottom: none }

.sq-main-nav ul ul li:hover > ul { display: block }

.sq-main-nav ul ul a { width: 200px; color: #dbdbdb; }

#sq-mobile-toggle { display: none; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color: #e1e1e1; font-size: 18px; }

.comment-navigation, .posts-navigation, .post-navigation { position: relative; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0,0); margin: 0 0 40px; overflow: hidden; }

.posts-navigation a, .comment-navigation a, .post-navigation a { position: relative; border: solid 1px #a7a7a7; text-transform: uppercase; color: #616161; display: inline-block; }

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

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 48%; }

.comment-navigation .nav-previous a, .posts-navigation .nav-previous a, .post-navigation .nav-previous a { padding: 12px 15px 12px 24px }

.comment-navigation .nav-previous:before, .posts-navigation .nav-previous:before, .post-navigation .nav-previous:before { position: absolute; left: 10px; content: "\f104"; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.comment-navigation .nav-next:after, .posts-navigation .nav-next:after, .post-navigation .nav-next:after { position: absolute; right: 10px; content: "\f105"; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.comment-navigation .nav-next a, .posts-navigation .nav-next a, .post-navigation .nav-next a { padding: 12px 24px 12px 15px }

/* Mobile Navigation
*********************************************/

#sq-show-mobile-nav { color: #a3a2a2; font-size: 20px; padding: 0; margin-bottom: 40px; cursor: pointer; display: none; text-align: center; }

#sq-mobile-nav { background-color: #f2f2f2; width: 100%; display: none; margin-bottom: 12px; }

#sq-mobile-nav a { display: block; width: 100%; padding: 8px 20px 8px 20px; border-bottom: solid 1px #dfdfdf; color: #5e5e5e; }

#sq-mobile-nav ul { padding-left: 0; text-align: left; }

#sq-mobile-nav li { margin-bottom: 0 }

#sq-mobile-nav .sq-sub-menu { float: right; width: 42px; height: 40px; font-size: 16px; text-align: center; line-height: 40px; }

#sq-mobile-nav div ul { width: 100%; margin-bottom: 0; list-style: none; }

#sq-mobile-nav li ul { display: none; margin: 0; }

#sq-mobile-nav li ul li a { padding-left: 40px }

/* Pagination
*********************************************/

.pagination { padding: 20px 0 0 0 }

.nav-links { margin: 0; padding: 0; text-align: center; }

.nav-links a { text-decoration: none; color: #717171; padding: 8px 14px; background: #ffffff; line-height: 34px; }

.nav-links .current { color: #ffffff; padding: 8px 14px; background: #9bc6b2; }

.nav-links a.next { float: right; margin-top: -10px; display: none; }

.nav-links a.next:after { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 20px; }

.nav-links a.prev { float: left; margin-top: -10px; display: none; }

.nav-links a.prev:after { content: "\f104"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 20px; }

/* Accessibility
*********************************************/

.screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-border-radius: 3px; -moz-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-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/* Alignments
*********************************************/

.alignnone { margin: 0 0 20px 0 }

.alignleft { display: inline; float: left; margin: 10px 20px 20px 0; }

.alignright { display: inline; float: right; margin: 10px 0 20px 20px; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }

/* Widgets
*********************************************/

.sq-widget { margin: 0 0 60px 0 }

.sq-widget .sq-widget-title { text-align: center; position: relative; background: #9bc6b2; padding: 10px 5px; color: #ffffff; font-size: 14px; }

.sq-widget ul, .sq-widget ol { list-style: none; font-family: 'Lato', sans-serif; }

.sq-widget a, .sq-widget a { color: #6b6b6b }

.sq-widget a:hover, .sq-widget a:hover { color: #231f20 }

/* Widget: Calendar */

.widget_calendar { width: 100% }

.widget_calendar caption { text-transform: uppercase; font-size: 13px; letter-spacing: 1.5px; padding-bottom: 15px; }

.widget_calendar #p-calendar { margin-bottom: 0 }

.widget_calendar .wp-calendar tr, .widget_calendar .wp-calendar th { font-size: 12px; text-align: center; }

.widget_calendar thead th { padding: 7px; border: 1px solid none; }

.widget_calendar thead tr:nth-of-type(odd) { background-color: #ffffff }

.widget_calendar tbody td { padding: 7px; border: none; cursor: pointer; }

.widget_calendar tbody td:hover { color: #231f20 }

.widget_calendar tbody td:hover a { color: #231f20 }

.widget_calendar tbody .pad { background: none }

.widget_calendar tfoot #next { text-align: right }

/* Latest Post and Comments Widget */

.sq-latest-post div, .sq-recent-comments div { float: left }

.sq-latest-post .sq-latest-post-image, .sq-recent-comments .sq-recent-comments-avatar { padding-right: 15px }

.sq-latest-post, .sq-recent-comments { margin-bottom: 20px }

.sq-recent-comments .sq-recent-comments-content span { font-size: 10px; color: #6f6f6f; font-family: 'Lato', sans-serif; text-transform: uppercase; }

.sq-latest-post .sq-latest-post-content h4, .sq-recent-comments .sq-recent-comments-content h4 { font-size: 12px; line-height: 18px; letter-spacing: normal; margin-bottom: 10px; }

.sq-latest-post:last-of-type, .sq-latest-post:last-of-type, .sq-recent-comments:last-of-type { margin-bottom: 0 }

/* Tagcloud Widget */

.sq-widget .tagcloud a { position: relative; padding: 0 10px; display: inline-block; margin-right: 1px; padding: 6px 10px; font-size: 12px !important; text-align: center; font-style: italic; margin-bottom: 5px; border: solid 1px #cacaca; color: #a3a2a2; font-family: 'Pt Serif', serif; }

.sq-widget .tagcloud a:hover { color: #5e5e5e }

/* Connect Widget */

.sq-connect-social-icons { text-align: center }

.sq-connect-social-icons li { display: inline-block }

.sq-connect-social-icons li a { font-size: 18px; padding: 0 4px 0 4px; color: #a3a2a2; }

.sq-connect-social-icons li a:hover { color: #9bc6b2 }

.sq-sidebar-widgets .widget:last-of-type { margin-bottom: 0 }

/* Instagram Widget */

.sq-widget .instagram-pics { margin-bottom: 0; padding: 0 6px 0 6px; }

.sq-widget .instagram-pics li { display: inline-block; width: 33.33%; padding: 3px; margin-bottom: 0; }

#sq-footer-instagram .sq-widget { margin-bottom: 6px }

#sq-footer-instagram .sq-widget .instagram-pics li { display: inline-block; width: 12.5%; padding: 6px; }

/* Posts and pages
*********************************************/

.sq-post { margin-bottom: 40px }

.sq-post img { margin-bottom: 20px }

.sq-post-title a { color: #231f20 }

.sq-post .sq-post-title { text-transform: uppercase; font-size: 20px; margin-bottom: 10px; }

.sq-post .sq-post-title:after { content: " "; height: 2px; background-color: #9bc6b2; width: 60px; text-align: center; display: block; margin: 15px auto 0 auto; }

.sq-post .sq-post-header { position: relative; text-align: center; margin-bottom: 20px; }

.sq-post .sq-post-header .sq-thumbnail { text-align: center }

.sq-post .sq-post-header .sq-thumbnail img { margin-bottom: 0 }

.sq-post .sq-post-meta ul li { font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; color: #6f6f6f; display: inline-block; padding: 0 5px 0 5px; margin-bottom: 0; }

.sq-post .sq-post-footer { position: relative; margin-top: 40px; text-align: center; border-bottom: solid 1px #dddddd; padding-bottom: 40px; }

.sq-post .sq-post-footer .sq-post-footer-meta { position: relative; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin: 30px 0 0 0; font-size: 11px; color: #6f6f6f; text-align: right; line-height: 40px; }

.sq-post .sq-post-footer .sq-post-footer-meta li { display: inline-block; margin: 0; padding: 0 5px 0 5px; }

.sq-post .sq-post-footer .sq-post-footer-meta .sq-post-read-more { float: left; padding-left: 0; }

.sq-post .sq-post-footer .sq-post-footer-meta li:last-of-type { padding-right: 0 }

.sq-post .sq-post-footer .sq-post-footer-meta li .sq-button { color: #ffffff; text-transform: none; font-size: 14px; }

.sq-post .sq-post-footer .sq-post-footer-meta li a { color: #6f6f6f }

.sq-post .sq-post-footer .sq-post-footer-meta li a:hover { color: #231f20 }

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

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

.post-date { font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; font-size: 10px; color: #6f6f6f; display: block; }

/* Quote Post */

.sq-quote-post { padding: 40px; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 0 !important; }

.sq-quote-post blockquote { position: relative; z-index: 1; margin: 0; line-height: 26px; color: #ffffff; }

.sq-quote-post blockquote h5 { margin-bottom: 0; font-family: 'PT Serif', serif; color: #ffffff; font-size: 14px; text-transform: none; }

.sq-quote-post blockquote cite { margin-top: 20px; line-height: 20px; color: #ffffff; background: #231f20; padding: 8px 5px; }

/* Circle Post */

.sq-post-circle { margin-bottom: 40px }

.sq-post-circle .sq-post-footer, .sq-post-circle .sq-post .sq-post-footer ul { text-align: left }

.sq-post-circle .sq-quote-post { margin: 0 15px 0 15px }

.sq-post-circle .sq-post-header .sq-circle-thumbnail { overflow: hidden }

.sq-post-circle .sq-post-header .sq-circle-thumbnail img { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; }

.sq-post-circle .sq-post-content { padding-right: 0 }

.sq-post-circle .sq-post-footer .sq-button { margin-right: 20px }

/* Grid Post */

.sq-post-grid-tile { width: 50%; float: left; display: block; margin-bottom: 40px; text-align: left; }

.sq-post-grid-tile .sq-post-footer { padding-bottom: 20px; margin-top: 0; text-align: left; }

.sq-post-grid-tile .sq-post-title:after, .sq-post-circle .sq-post-title:after { margin: 15px 0 0 0 }

.sq-post-grid-tile .sq-post-footer .sq-post-footer-meta { text-align: center }

.sq-post-grid-tile .sq-post-footer .sq-post-footer-meta .sq-post-read-more { float: none; display: block; margin-bottom: 20px; }

.sq-post-grid-tile .sq-post-footer ul li, .sq-post-grid-tile .sq-post-footer .sq-post-footer-meta li { padding: 0 10px 0 0 }

/* Sticky Posts
*******************************************/

.sticky { display: block; position: relative; }

.sticky .sq-post-footer .sq-post-title { margin-bottom: 0 }

.sticky .sq-post-footer .sq-post-meta:before { content: "\f006"; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-weight: 100; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 12px 0 8px 0; }

/* Author Card
*******************************************/

#sq-author-card { margin-top: 80px; margin-bottom: 40px; padding-bottom: 80px; border-bottom: solid 1px #dddddd; }

#sq-author-card div { float: left }

#sq-author-card .sq-author-avatar { padding-right: 20px }

#sq-author-card img { margin-bottom: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; }

#sq-author-card h4 { margin-bottom: 10px }

#sq-author-card p { margin-bottom: 0 }

/* Centered Posts and Pages
*******************************************/

.sq-post-centered, .sq-page-centered { margin-right: auto; margin-left: auto; width: 80%; }

/* Single Posts
*******************************************/

.sq-single-post #sq-post-tags { text-align: center; margin: 40px 0 0 0; }

.sq-single-post #sq-post-tags a { border: solid 1px #cacaca; font-style: italic; color: #a3a2a2; display: inline-block; font-family: 'Pt Serif', serif; padding: 6px 10px; font-size: 12px; margin: 2px 4px 2px 4px; }

.sq-single-post #sq-post-tags a:hover { color: #5e5e5e }

.sq-single-post .sq-post-footer { border-bottom: solid 1px #dddddd; padding: 0 0 20px 0; margin-top: 20px; }

.sq-single-post .sq-post-footer ul { margin-top: 0 }

.sq-single-post .sq-post-footer ul li { margin-bottom: 0 }

.sq-single-post .sq-post-footer ul .sq-post-categories a { color: #9bc6b2 }

.sq-single-post .sq-post-footer .sq-post-author { float: left }

/* Related Posts
*******************************************/

.sq-related-posts { margin-bottom: 80px }

.sq-related-posts h5 { text-align: center }

.sq-related-post { position: relative }

.sq-related-post:nth-of-type(3) { margin-right: 0 }

.sq-related-post .sq-post-header { margin-bottom: 20px }

.sq-related-post .sq-post-footer { margin-bottom: 0; padding-bottom: 20px; border-bottom: none; }

.sq-related-post h6.sq-post-title { margin-bottom: 5px; font-size: 14px; }

.sq-related-post .post-date { margin-bottom: 0 }

.sq-related-post .sq-video-container { height: 177px }

/* Sharing Icons
*******************************************/

.sq-sharing-buttons { margin: 0 }

.sq-sharing-buttons li { display: inline-block }

.sq-sharing-buttons a { padding: 0 2px 0 2px; font-size: 14px; }

/* Video Containers
*********************************************/

.sq-video-container { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }

.sq-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

/* Asides
*********************************************/

.blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none }

/* Comments
*********************************************/

.comments-area h5 { text-align: center }

.comments-area h5 a { color: #231f20 }

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

.comments-area .comment-list .children { margin-left: 40px }

.comments-area .comment-list .children .comment-body { border-bottom: solid 1px #e2e2e2 }

.comments-area .comment-list .comment-metadata { margin-bottom: 10px }

.comments-area .comment-body { border-bottom: solid 1px #e2e2e2; padding-bottom: 20px; margin-bottom: 0; }

.comments-area .comment-avatar { float: left; width: 10%; margin-right: 4%; }

.comments-area .comment-avatar img { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; }

.comments-area .comment-content { width: 71%; float: left; }

.comments-area .comment-content a { word-wrap: break-word; color: #231f20; }

.comments-area .comment-content h6 { margin-bottom: 0 }

.comments-area .comment-content .comment-date { font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; font-size: 10px; color: #6f6f6f; display: block; }

.comments-area .comments-title { margin-bottom: 30px }

.comments-area #commentform label { display: block }

.comments-area #commentform .comment-form-author, .comments-area #commentform .comment-form-email, .comments-area #commentform .comment-form-url { width: 30.66%; float: left; margin-right: 4%; }

.comments-area #commentform .comment-form-url { margin-right: 0 }

.comments-area #commentform .comment-form-comment textarea { height: 160px }

.comments-area .comment-reply { float: left; width: 15%; text-align: right; }

.comments-area .comment-respond { padding-top: 20px }

.comments-area #reply-title { position: relative; font-size: 16px; }

.bypostauthor { display: block }

#form-allowed-tags, #form-allowed-tags code { font-size: 12px }

/* Styling
*********************************************/

/* Title container
*********************************************/

#sq-title-container { padding: 40px; background-color: #f9f9f9; margin: 0 12px 0 12px; text-align: center; }

#sq-title-container h2 { margin-bottom: 0 }

#sq-title-container p { font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; color: #6f6f6f; margin-bottom: 0; margin-top: 5px; }

/* Header
*********************************************/

#sq-header-container { position: relative; z-index: 1000; width: 100%; background-color: #ffffff; }

#sq-header-container .sq-header { position: relative; background: none!important; padding-top: 40px; padding-bottom: 40px; text-align: center; }

#sq-header-container .sq-header #sq-site-name { font-size: 48px; text-transform: uppercase; text-decoration: none; font-weight: 300; letter-spacing: 2px; margin-bottom: 0; display: inline-block; }

#sq-header-container .sq-header #sq-site-description { font-size: 14px; text-transform: uppercase; color: #cdcdcd; margin-bottom: 0; }

#sq-header-container .sq-header #sq-site-logo-container img { vertical-align: top }

#sq-header-container .sq-search-form { display: none }

#sq-header-container .sq-search-form input[type="search"] { background: #9bc6b2; padding: 30px 20px 30px 20px; font-size: 20px; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; border: none; color: #ffffff; }

#sq-header-container .sq-search-form input[type="search"]::-webkit-input-placeholder { color: #ffffff }

#sq-header-container .sq-search-form input[type="search"]::-moz-placeholder { color: #ffffff }

#sq-header-container .sq-search-form input[type="search"]::-moz-placeholder { color: #ffffff }

#sq-header-container .sq-search-form input[type="search"]:-ms-input-placeholder { color: #ffffff }

/* Header Style Menu Top
*********************************************/

.sq-top-nav { background: #f2f2f2; padding: 10px 0 10px 0; }

.sq-top-nav ul ul { padding-top: 14px }

/* Border box
*********************************************/

.sq-border-box { border: solid 1px rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.2); padding: 40px; transition: padding .5s ease; -webkit-transition: padding .5s ease; -moz-transition: padding .5s ease; -ms-transition: padding .5s ease; -o-transition: padding .5s ease; }

/* Overlay
*********************************************/

.sq-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #2a2a2a; opacity: 0.3; }

/* Content Boes
*******************************************/

#sq-content-box-container { padding: 12px 9px 0 9px }

#sq-content-box-full-width-container { padding: 12px 6px 0 6px }

.sq-content-box { position: relative; overflow: hidden; float: left; width: 25%; padding: 0 6px 0 6px; }

.sq-content-box:nth-of-type(4) { margin-right: 0 }

.sq-content-box .sq-content-box-header { position: relative; height: 240px; background-size: cover; background-repeat: no-repeat; background-position: center center; }

#sq-content-box-full-width-container .sq-content-box .sq-content-box-header { height: 260px }

.sq-content-box .sq-content-box-content { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color: #fff; text-align: center; z-index: 999; padding: 0 10%; }

.sq-content-box .sq-content-box-content h4 { display: inline-block; margin-bottom: 0; color: #ffffff; font-size: 15px; }

.sq-content-box-content .sq-border-box:hover { padding: 50px !important }

/* Footer
*********************************************/

#sq-footer-container #sq-footer { position: relative; padding: 20px 15px 20px 15px; background-color: #231f20; color: #ffffff; clear: both; text-align: center; }

#sq-footer-container #sq-footer a { color: #ffffff; transition: color .5s ease; -webkit-transition: color .5s ease; -moz-transition: color .5s ease; -ms-transition: color .5s ease; -o-transition: color .5s ease; }

#sq-footer-container #sq-footer .sq-social-links { position: relative; font-size: 14px; float: left; transform: none; -webkit-transform: none; -moz-transform: none; left: 0; }

#sq-footer-container #sq-footer #sq-copyright { margin-bottom: 0; float: right; font-style: italic; line-height: 28px; }

#sq-footer-container #sq-footer #sq-footer-credit { color: #5e5e5e }

/* Social Icons
*********************************************/

.sq-social-links { position: absolute; top: 50%; left: 20px; z-index: 999; display: inline-block; list-style: none; margin-bottom: 0; transform: translate(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.sq-social-links li { display: inline-block; padding: 0 5px; font-size: 16px; }

.sq-social-links li a { color: #a3a2a2; transition: color .5s ease; -webkit-transition: color .5s ease; -moz-transition: color .5s ease; -ms-transition: color .5s ease; -o-transition: color .5s ease; }

.sq-social-links li a:hover { color: #9bc6b2 }

footer .sq-social-links li { margin-bottom: 0 }

/* Search Button
*********************************************/

.sq-show-search { position: absolute; right: 0; top: 50%; padding: 20px; z-index: 999; cursor: pointer; color: #a3a2a2; font-size: 16px; transition: color .5s ease; -webkit-transition: color .5s ease; -moz-transition: color .5s ease; -ms-transition: color .5s ease; -o-transition: color .5s ease; transform: translate(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.sq-show-search:hover { color: #231f20 }

/* Mailchimp
************************************************/

.mc4wp-form { margin: 0 !important }

.mc4wp-form p { margin-bottom: 10px }

.mc4wp-form p:last-of-type { margin-bottom: 0 }

.mc4wp-form label { font-size: 12px !important; font-style: italic; font-weight: 100 !important; color: #6b6b6b; display: none !important; }

.mc4wp-form input { background-color: #ffffff; margin: 0; width: 100% !important; }

.mc4wp-form input[type="submit"] { font-size: 12px; background-color: #231f20; color: #ffffff; border: none; }

.mc4wp-error { font-size: 12px; text-align: left !important; }

/* Responsive
************************************************/

@media all and (max-width: 1120px) { 
	.sq-container { max-width: 960px }

	.sq-content-box .sq-content-box-header { height: 220px }
}

@media all and (max-width: 960px) { 
	#sq-show-mobile-nav { display: block; margin-top: 0; }

	#sq-site-nav { display: none }

	.sq-container { max-width: 768px }

	.sq-content-area { float: none !important }

	.column, .sq-content-area, .comments-area #commentform .comment-form-author, .comments-area #commentform .comment-form-email, .comments-area #commentform .comment-form-url, #sq-copyright, .sq-post-centered, .sq-page-centered, .sq-post-grid-tile { float: none; width: 100%; }

	.sq-related-post { float: left; width: 33.33%; }

	.sq-slider-content { padding: 0 10% 0 10% }

	.sq-content-box { width: 50%; margin-bottom: 12px; }

	.sq-content-box .sq-content-box-header { height: 240px }

	.sq-post-circle .sq-post-gallery { max-width: 350px; display: inline-block; }

	.sq-sidebar-widgets { width: 80%; float: none !important; clear: both; margin-top: 80px; margin-left: auto; margin-right: auto; }

	.pagination { padding-top: 0 }

	#sq-footer-instagram .sq-widget .instagram-pics li { width: 25% }

	#sq-footer-container #sq-footer #sq-copyright { margin-bottom: 10px }

	#sq-footer-container #sq-footer .sq-social-links { float: none }
}

@media all and (max-width: 768px) { 
	.sq-container { max-width: 524px }

	.column { margin-bottom: 20px }

	#sq-header-container .sq-header { padding-bottom: 0 }

	.sq-show-search { display: none }

	#sq-site-logo-container { margin-bottom: 40px }

	#sq-site-description { margin-bottom: 20px }

	.sq-social-links { position: relative; top: 0; left: 0; }

	.sq-slider-content p { display: none }

	#sq-content-box-container { width: 100% }

	.sq-page-container { padding-top: 40px; padding-bottom: 40px; }

	.sq-post .sq-post-footer { padding-bottom: 20px }

	.sq-post .sq-post-footer .sq-post-footer-meta { text-align: center }

	.sq-post .sq-post-footer .sq-post-footer-meta li:last-of-type { padding-right: 5px }

	.sq-post .sq-post-footer .sq-post-footer-meta .sq-post-read-more, .sq-single-post .sq-post-footer .sq-post-author { float: none; display: block !important; margin-bottom: 20px; }

	.sq-sidebar-widgets { width: 100% }

	#sq-author-card { margin-top: 60px; padding-bottom: 60px; }

	.sq-author-avatar, .sq-recent-comments-avatar { text-align: center }

	.sq-related-posts { margin-bottom: 40px }

	.sq-related-post { float: none; width: 100%; }

	.sq-related-post .sq-post-header { margin-bottom: 20px }

	.comments-area .comment-reply { float: none; margin-left: 14%; }

	.gallery-item { max-width: 50% !important }

	.nav-links { margin-bottom: 0 }

	#sq-footer article { margin-bottom: 0 }
}

@media all and (max-width: 524px) { 
	.sq-container { width: 100% }

	#sq-content-box-container, #sq-content-box-full-width-container { padding-top: 0 }

	.sq-featured-slider { display: none }

	.sq-content-box { width: 100%; margin-bottom: 12px; }

	#sq-author-card .sq-author-avatar { margin-bottom: 40px }

	#sq-author-card .sq-author-bio { padding-left: 0 }

	#sq-author-card .sq-author-avatar, #sq-author-card .sq-author-bio { width: 100%; float: none; }
}