/*
Theme Name: Oceanoid
Theme URI: http://oceanoid.creativesummerstudio.com
Author: Creative Summer Studio
Author URI: http://www.creativesummerstudio.com
Description: Oceanoid WordPress Theme by Creative Summer Studio
Version: 1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: oceanoid
Tags: Blog, Minimalist, E-Commerce, Lifestyle Theme, Travel Theme, Multi-Purpose, Magazine Theme, WordPress Theme, Responsive Theme

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.

Oceanoid is based on Underscores http://underscores.me/, (C) 2012-2016 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.io/normalize.css/

This is Oceanoid WordPress Theme. We've done our best to make it easy to customize, but if you want
to develop some custom features or to change your style pretty much, we recommend you to use the Oceanoid child theme. In this way, your changes won't be affected by the future updates. 
Thanks for purchasing this theme. We hope you'll have an amazing experience with it. Happy blogging!
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Colors
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Jetpack related posts
# Media
	## Captions
	## Galleries
# Layout
	## Header
	## Blog Posts
		### Full Entry Layout
		### Standard Layout
		### List Layout
		### Grid Layout
		### Bordered Layout
	## Sidebar
	## Footer
# Slider
# Contact
# Enews Genesis
# Jeptpack related posts
# Related posts popup
# Media Queries


--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	font-weight: normal;
}

body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button {
	border-color: #fff !important;
}

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;
	outline: none;
}

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-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: none;
	margin: 40px 0 0;
	padding: 0;
}

legend {
	border: 0;
	padding: 0;
	text-align: left;
	font-weight: normal;
	margin-bottom: 10px;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 18px;
}

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

address {
	margin: 0 0 18px;
}

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 {
	text-decoration: none;
	padding: 0px 8px;
}

big {
	font-size: 125%;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*# Primary font name; default Montserrat 
--------------------------------------------------------------*/

body,
input,
textarea,
select,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote p,
q p,
table th,
.normal-button,
.border-button,
.button,
.promo-item-button,
#infinite-handle span button, 
.widget.popular-posts .wpp-post-title,
.related-post-popup-title {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
}


/*# Secondary font name; default Playfair Display
--------------------------------------------------------------*/

.page-content,
.site-description,
.entry-content,
.widget ul,
.widget p,
.widget div:not(.promo-item-button),
label,
.comment-content {
	font-family: "Playfair Display", serif;
	text-transform: none;
}


/*# Site title fonts style
--------------------------------------------------------------*/

.site-title {
	font-size: 30px;
	line-height: 24px;
	letter-spacing: 10px;
}	


/*# Tagline fonts style
--------------------------------------------------------------*/

.site-description {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0;
}


/*
	PRIMARY FONTS SIZE
--------------------------------------------------------------*/


/*# Primary headers fonts style
--------------------------------------------------------------*/
	
h1 {
	font-size: 20px;
	letter-spacing: 4px;
	line-height: 30px;
	font-weight: bold;
}


/*# Secondary headers fonts style 
--------------------------------------------------------------*/

.comment-reply-title,
.comment-author,
.page .entry-content table th, 
.single-post .entry-content table th,
h2,
blockquote,
q {
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 26px;
	font-weight: bold;
}

.related-posts-container #jp-relatedposts h3.jp-relatedposts-headline {
	font-size: 16px !important;
	letter-spacing: 3px !important;
	line-height: 26px !important;
	font-weight: bold;
}

h3,
.widget.popular-posts .wpp-post-title {
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 24px;
}

.related-posts-container #jp-relatedposts h4.jp-relatedposts-post-title {
	font-size: 15px !important;
	letter-spacing: 2px !important;
	line-height: 24px !important;
}

h4,
h5 {
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 22px;
}


/*# Tertiary fonts style
--------------------------------------------------------------*/

h6,
input,
select,
textarea,
.main-navigation ul,
.shopping-cart-icon,
.widget-title,
.logged-in-as,
.jp-relatedposts .jp-widget-title,
.entry-meta,
.entry-footer, 
.share-buttons-container,
.nav-links,
.border-button,
.normal-button,
.button,
#infinite-handle span button,
#infinite-handle span button:hover,
#infinite-handle span button:focus,
.edit,
.comment-metadata,
.reply,
#cancel-comment-reply-link,
.related-post-popup-title {
	font-size: 11px;
	letter-spacing: 3px;
	line-height: 30px;
	font-weight: bold;
}

#infinite-handle span button {
	font-weight: bold !important;
}

.footer.site-info,
.widget #wp-calendar {
	font-size: 10px;
    letter-spacing: 2px;
	line-height: 28px;
}


/*
	SECONDARY FONTS SIZE
--------------------------------------------------------------*/

/*# Text fonts style
--------------------------------------------------------------*/

body,
.widget .tagcloud a {
	font-size: 16px;
	letter-spacing: 0;
	line-height: 30px;
}

/* Don't change these - menu icons on mobile resolution */
.nav-cart-icon a i,
.nav-social-icons a,
.nav-search-icon {
	font-size: 14px !important;
}

/* Don't change these */
.widget.popular-posts .post-stats {
	font-size: 12px;
	letter-spacing: 0;
	line-height: 20px;
}


/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/

/*# Primary background color; default #f5f4f3
--------------------------------------------------------------*/

body {
	background: #f5f4f3;
}


/*# Secondary background color; default #fff
--------------------------------------------------------------*/

.related-posts-container #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post,
.hentry,
.full-entry-article,
.standard-article,
.list-article,
.grid-article,
.bordered-article .entry-content,
.bordered-article .entry-header,
.error-404,
.no-results,
.comment-respond,
.comment-body,
.home-page-widgets .widget:not(.widget_promo_items_widget),
.full-width-footer .widget:not(.widget_promo_items_widget):not(.widget_image_widget),
#secondary .widget:not(.null-instagram-feed):not(.widget_image_widget):not(.widget_promo_items_widget) 
{
	background: #fff;
}

/**
 * Inputs and buttons
 */
button,
input[type=submit],
input,
textarea,
select,
.border-button,
.nav-links a,
#infinite-handle,
.normal-button,
.button,
.share-buttons-container .share-buttons a {
	background: transparent;
}

/*# Header text color; default #333 
--------------------------------------------------------------*/

.site-branding,
.site-title a,
.site-description {
	color: #333 !important;
}


/*# Text color; default #333 
--------------------------------------------------------------*/

body,
a,
#infinite-handle span button,
#infinite-handle span button:focus,
.nav-search .search-box input {
	color: #333;
}

a:hover {
	color: #333;
}

::-webkit-input-placeholder {
	color: #333;
}

::-moz-placeholder {
	color: #333;
}

:-ms-input-placeholder {
	color: #333;
}

:-moz-placeholder {
	color: #333;
}

/*# Link text color; default #d8d5d2
/*# Link hover color; default #a5c5c9
--------------------------------------------------------------*/

.entry-content a:not(.border-button):not(.normal-button):not(.social-media-icon):not(.button):not(.remove),
.cat-links a,
.tags-links a,
.comment-content a,
.page-content a {
	color: #d8d5d2;
}

.cat-links a:hover,
.tags-links a:hover,
.entry-content a:not(.border-button):not(.normal-button):not(.social-media-icon):not(.button):not(.remove):hover,
.comment-content a:hover,
.page-content a:hover {
	color: #a5c5c9;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
}

/*# Accent background color; default #dee9ea 
/*# Accent text color; default #333333 
--------------------------------------------------------------*/

.main-navigation, 
.main-navigation a,
.main-navigation ul ul li,
.menu-toggle,
#secondary .widget-title,
mark,
ins,
.footer.site-info,
.footer.site-info a,
ul.page-numbers .current { 
	background: #dee9ea;
	color: #333333;
}

button.sub-menu-toggle {
	background: transparent ;
	color: inherit;
}

a.shopping-cart-icon,
a.shopping-cart-icon:hover,
.nav-social-icons a,
.nav-social-icons a:hover,
.nav-search {
	background: inherit;
	color: #333333;
}

button:hover,
input[type=submit]:hover,
.button:hover,
.normal-button:hover,
.border-button:hover,
.nav-links a:hover,
.share-buttons-container .share-buttons a:hover,
ul.page-numbers a:hover,
#infinite-handle span button:hover {
	background: #dee9ea;
	color: #333333;
	/* Change the border color also in the accent color */
	border-color: #dee9ea !important;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}

::selection {
  background: #dee9ea; /* WebKit/Blink Browsers */
  color: #333;
}
::-moz-selection {
  background: #dee9ea; /* Gecko Browsers */
  color: #333;
}

/*# Footer background color; default #f5f4f3 
/*# Footer text color; default #333333 
--------------------------------------------------------------*/

.site-footer {
	background: #f5f4f3;
	color: #333333;
}

.site-footer a {
	color: #333333;
}

.site-footer ::-webkit-input-placeholder {
	color: #333333;
}

.site-footer ::-moz-placeholder {
	color: #333333;
}

.site-footer :-ms-input-placeholder {
	color: #333333;
}

.site-footer :-moz-placeholder {
	color: #333333;
}

.site-footer input,
.site-footer button,
.site-footer select,
.site-footer textarea,
.footer-widget-container.with-border,
.footer-widget-container.with-border .widget-area,
.footer-widget-container.with-border .widget-area .widget {
	border-color: #333333 !important;
}


/*# Border color; default #333 
--------------------------------------------------------------*/

button,
input[type="submit"],
blockquote,
q,
.page .entry-content table:not(.shop_table) th,
.single-post .entry-content table th,
.share-buttons-container .share-buttons,
.share-buttons-container .share-buttons a,
.bordered-article .entry-featured,
.border-button,
.button,
.nav-links a,
ul.page-numbers,
ul.page-numbers li,
.nav-search .search-box input
{
	border-color: #333333 !important;
}

.short-underline {
	background: #333333;
}


/*--------------------------------------------------------------
# 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;
}

blockquote:before,
q:before {
	/*content: '\201C';
	font-size: 60px;
	font-family: "Playfair Display", serif;
	position: absolute;
	margin-top: 20px;*/
}

blockquote:not(.contact-form-submission),
q {
	quotes: "" "";
	font-weight: bold;
	padding-left: 20px;
	border-left: 4px solid;
	margin-left: 32px;
}

blockquote p,
q p {
	margin: 0;
}

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

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

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 24px;
	width: 100%;
}

a {
	text-decoration: none;
}

#page {
	position: relative;
}

.bullet-separator {
	font-size: 15px;
}

.entry-meta .bullet-separator {
	margin: 0 10px;
}

.short-underline {
	width: 37px;
	height: 2px;
}

.border-button,
.button,
.nav-links a {
	display: inline-block;
	border-width: 2px !important;
	border-style: solid !important;
	text-decoration: none;
	text-align: center !important;
	padding: 4px 20px !important; 
	border-radius: 0 !important;
}

.normal-button {
	display: inline-block;
	text-decoration: none;
	text-align: center !important;
	padding: 4px 20px !important; 
}

.only-for-mobile {
	display: none !important;
}

.only-for-small-sizes {
	display: none !important;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input:not([type="checkbox"]),
select,
textarea {
	border: 2px solid;
	background: inherit;
	padding: 4px 16px !important;
	font-weight: bold;
	width: 100%;
}

.entry-content input,
.entry-content select,
.entry-content textarea {
	margin-bottom: 20px;
}

.post-password-form label,
.post-password-form input[type="submit"] {
	display: inline-block;
	max-width: 250px;
	margin-right: 1%;
}

.post-password-form input[type="submit"] {
	margin: 0;
}


select option {
	/* This color won't be customizable */
	color: #000;
}

input[type="submit"] {
	padding: 4px !important;
}

label {
	display: block;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/**
 * Nav bar icons 
 */

.nav-bar-right-icons {
	position: absolute;
	float: right;
	right: 50px;
	left: auto;
	top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.nav-bar-left-icons {
	position: absolute;
	float: left;
	left: 50px;
	right: auto;
	top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.nav-bar-right-icons .nav-search,
.nav-bar-right-icons .nav-cart-icon,
.nav-bar-right-icons .nav-social-icons,
.nav-bar-left-icons .nav-social-icons {
	display: inline-block;
}

.nav-bar-right-icons div {
	margin-right: 20px;
}

.nav-bar-right-icons div:last-child {
	margin-right: 0;
}

/**
 * Search box
 */

.nav-search .nav-search-icon:hover {
	cursor: pointer;
}

.nav-search .search-box {
    position: absolute;
    right: 0;
    padding: 10px 12px;
    background: #fff;
    /* won't be customizable */
    border: 1px solid #eaeaea;
    display: none;
    width: 250px;
}

.nav-search .search-box input {
	border: 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-left: 2px !important;
}

.nav-search .search-box input[type="submit"] {
	display: none;
}

/**
 * Social media icons
 */

.nav-social-icons .social-media-icons .social-media-icon {
	margin-right: 10px;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.nav-container.nav-fixed {
	position: fixed;
	z-index: 1000;
	width: 100%;
	z-index: 1000;
}

.main-navigation {
	clear: both;
	display: block;
	width: 100%;
	text-align: center;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	display: inline-block;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 10px 30px;
}

.main-navigation ul ul {
	position: absolute;
	left: -999em;
	z-index: 99999;
}

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

.main-navigation ul ul a {
	width: 100%;
	white-space: nowrap;
}

.main-navigation ul ul li {
	display: block;
	margin-top: 4px;
	min-width: 200px;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

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

.main-navigation .sub-menu .sub-menu {
	margin-left: 4px;
	margin-top: -4px;
}

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

.menu-toggle {
	width: 100%;
	/* Default line-height for the entire body text */
	line-height: 34px !important;
}

.menu-toggle,
.sub-menu-toggle {
	border: none;
	padding: 17px 20px;
	font-size: 30px !important;
	font-family: verdana, sans-serif;
    font-weight: lighter;
	display: none;
}

.main-navigation ul {
	display: block;
}

.menu-toggle:before {
    content: "\2261";
    line-height: 30px !important;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 80px 0;
	overflow: hidden;
}

.site-main .navigation:last-child {
	margin-bottom: 0;
}

.site-main .posts-navigation {
	margin-bottom: 0;
}

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

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

.nav-previous a,
.nav-next a {
	min-width: 170px;
}

.nav-links .nav-previous a {
	float: right;
}

.nav-links .nav-next a {
	float: left;
}

.nav-links-numeric {
	text-align: center;
	margin-top: 80px;
}

ul.page-numbers {
	border: 2px solid;
	display: inline-block;
    white-space: nowrap;
    padding: 0;
    border-right: 0;
    margin: 1px;
}

ul.page-numbers:before,
ul.page-numbers:after {
	content: ' ';
    display: table;
}

ul.page-numbers li {
	display: inline-block;
	min-width: 35px;
    border-right: 2px solid;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
}

ul.page-numbers li a,
ul.page-numbers li span {
    margin: 0;
    text-decoration: none;
    line-height: 1;
    font-size: 1em;
    text-align: center;
    padding: .5em;
    min-width: 1em;
    display: block;
    font-weight: bold !important;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

.hidden {
	display: none;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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: 18px;
	margin: 16px 24px 16px 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 16px 0 16px 24px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 16px;
}

/*--------------------------------------------------------------
# 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 40px;
	text-align: center;
}

.widget .normal-button,
.widget .border-button {
	margin: 0 auto;
}


.widget:last-child {
	margin: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 250px;
    margin: 20px 0;
    line-height: 30px !important;
    padding: 11px 10px 10px !important;
}

.columns-1 section {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.columns-2 section {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.columns-3 section {
	width: calc(100% / 3);
	display: inline-block;
	vertical-align: top;
}

.widget-title {
	padding: 10px 30px;
	margin: 0;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	text-transform: capitalize;
}

.widget ul li:last-child {
	margin-bottom: 0;
}

.widget ul ul li:last-child {
	margin-bottom: 15px;
}

.widget a {
	text-decoration: none;
	padding: 0;
	margin: 0;
}

.widget .normal-button {
	margin-top: 10px;
}

.widget img + .about-me-description {
	margin-top: 10px;
}

.widget .promo-item-image {
	width: 100%;
	height: 300px;
	background-position: 50%;
    background-size: cover;
    text-align: center;
    position: relative;
}

#secondary .widget .promo-item-image,
.site-footer .widget .promo-item-image {
	margin-bottom: 20px;
}

.widget .promo-item-button {
	/* This color won't be customizable */
	background: #fff;
	margin: 0;
	max-width: 80%;
	min-width: 70%;
	padding: 20px;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.home-page-widgets .widget {
	margin-bottom: 0;
	padding: 32px 0;
}

.home-page-widgets .widget.widget_promo_items_widget {
	padding: 0;
}

.full-width-footer .widget:not(.null-instagram-feed) {
	padding: 32px 0;
}

.full-width-footer .widget.widget_image_widget {
	padding: 0;
}

.home-page-widgets .widget + .widget {
	margin-top: 40px;
}

.home-page-widgets .widget:last-child {
	margin-bottom: 80px;
}

.home-page-widgets .widget .promo-items-1 .promo-item,
.full-width-footer .widget .promo-items-1 .promo-item {
	width: 50%;
}

.home-page-widgets .widget .promo-items-2 .promo-item,
.full-width-footer .widget .promo-items-2 .promo-item {
	width: 48%;
	margin-right: 4%;
}

.home-page-widgets .widget .promo-items-2 .promo-item:last-child,
.full-width-footer .widget .promo-items-2 .promo-item:last-child {
	margin-right: 0;
}

.home-page-widgets .widget .promo-items-3 .promo-item,
.full-width-footer .widget .promo-items-3 .promo-item {
	width: calc(98% / 3);
	margin-right: 1%;
}

.home-page-widgets .widget .promo-items-3 .promo-item:last-child,
.full-width-footer .widget .promo-items-3 .promo-item:last-child {
	margin-right: 0;
}

.home-page-widgets .widget .promo-item,
.full-width-footer .widget .promo-item {
	display: inline-block;
}

.full-width-footer .widget_promo_items_widget {
	margin-bottom: 0;
	margin-top: 0;
}

/**
 * Image widget
 */
.widget_image_widget a {
	padding: 0;
}

/**
 * Social media icons widget
 */


.social-media-icons .social-media-icon {
	margin-right: 20px;
}

.social-media-icons .social-media-icon:last-child {
	margin-right: 0;
}


/**
 * Search widget
 */
.widget .search-submit {
	display: none;
}

.widget .search-field {
	max-width: 250px; 
}

/**
 * Calendar
 */
.widget #wp-calendar {
	width: 80%;
	max-width: 300px;
	margin: 0 auto;
}

.widget #wp-calendar caption {
	letter-spacing: 2px;
	margin-bottom: 12px;
}

.widget #wp-calendar thead tr {
	height: 40px;
	font-weight: bold;
}

.widget #wp-calendar tbody tr {
	font-weight: normal;
}

.widget #wp-calendar tfoot {
	display: none;
}

/**
 * Tag cloud widget
 */
.widget .tagcloud a:after {
	content: ", ";
}

.widget .tagcloud a:last-child:after {
	content: "";
}

/**
 * WP Instagram Widget
 */
.full-width-footer .widget .instagram-pics {
	width: 100%;
}


.widget .instagram-pics li {
	display: inline-block;
	max-width: 50%;
	margin-bottom: 0px;
}

.widget .instagram-pics li:first-child {
	margin-top: 0;
}

#secondary .widget .instagram-pics li img {
	margin-bottom: -13px;
}

/**
 * WordPress popular posts widget aici
 */

.widget.popular-posts .wpp-list li {
	margin-bottom: 20px;
	text-align: left;
}

.widget.popular-posts .wpp-list li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-width: 0;
}

.widget.popular-posts .wpp-post-title {
	font-weight: bold;
}

.widget.popular-posts .wpp-thumbnail {
	margin-right: 20px;
}

.widget.popular-posts .post-stats {
	font-style: italic;
	font-weight: normal;
}

.widget.popular-posts .wpp-excerpt {
	display: block;
}


/**
 * Custom padding and settings for the sidebar widgets
 */
#secondary .widget > form,
#secondary .widget > div:not(.promo-items-container):not(.enews),
#secondary .widget > .enews form,
#secondary .widget > ul:not(.instagram-pics),
#secondary .widget .social-media-icons  {
	padding: 20px 20px;
}

#secondary .widget .promo-items-container {
	padding-bottom: 1px;
}

#secondary .widget.widget_about_me_widget {
	padding-bottom: 20px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.home-page-widgets {
	max-width: 1100px;
	margin: 0 auto;
}

#content.site-content {
	margin: 0 auto 80px;
	max-width: 1100px;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.archive-description {
	display: none;
}

.sticky {
	display: block;
}

.hentry {
	margin: 80px 0 0;
	overflow: hidden;
}

.hentry:first-child {
	margin-top: 0;
}

.page .entry-content h1, 
.single-post .entry-content h1 {
	margin-top: 34px;
}

.page .entry-content h2, 
.single-post .entry-content h2 {
	margin-top: 24px;
}

.page .entry-content h3, 
.single-post .entry-content h3 {
	margin-top: 20px;
}


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

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

.page-content,
.entry-content,
.entry-summary {
	/*margin: 24px 0 0;*/
}

.page-links {
	clear: both;
	margin: 0 0 24px;
}

.page .entry-content {
	text-align: left;
	padding: 0 40px 20px;
}

.page .entry-header {
	padding: 32px 40px 20px;
}

.entry-featured {
	line-height: 0;
}

/*For the featured picture*/
.entry-featured img {
	width: 100%;
	margin: 0 auto;
}

.entry-featured.page-featured {
	background-size: cover;
	background-position: 50%;
	height: 500px; 
}

.page-title {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 0;
}

.archive .page-title,
.search .page-title {
	margin-bottom: 80px;
}

.no-results .page-title {
	margin-bottom: 40px;
}

.error-404,
.no-results {
	padding: 32px 40px 40px;
	text-align: center;
}


.error-404 label,
.no-results label {
	display: inline-block;
	width: 250px;
}

.error-404 .search-submit,
.no-results .search-submit {
	display: inline-block;
	width: 130px;
}

.creative-summer-row {
	width: 100%;
	margin-bottom: 20px;
}

.creative-summer-row .creative-summer-col-2 {
	display: inline-block;
	width: 49%;
	margin-right: 2%;
}

.creative-summer-row .creative-summer-col-3 {
	display: inline-block;
	width: calc(98% / 3);
	margin-right: 1%;
}

.creative-summer-row .creative-summer-column {
	vertical-align: top;
}

.creative-summer-row .creative-summer-column:last-child {
	margin-right: 0;
}

.wpcf7 .creative-summer-row {
	margin-bottom: 0;
}

.wpcf7 .creative-summer-row .creative-summer-col-3 {
	width: calc(96% / 3);
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-respond {
	padding: 32px 40px 20px;
	margin-bottom: 40px;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment-reply-title {
	text-align: center;
}

/*aici*/
.comment-form-author,
.comment-form-email,
.comment-form-url {
	display: inline-block;
	width: calc(94% / 3);
	margin-right: 2.1%;
	margin-bottom: 5px;
}

.comment-form-url {
	margin-right: 0;
}

.comment-list {
	list-style: none;
	margin-top: 40px;
	padding: 0;
}

.comment-list .children {
	list-style: none;
}

.comment .avatar, 
span.says,
.comment-notes {
	display: none;
}

.comment-body {
	padding: 32px 40px 20px;
	margin-bottom: 40px;
}

.children .comment-body {
	margin-top: -20px;
}

/*aici*/
/*#cancel-comment-reply-link {
	font-weight: normal;
}
*/

/*--------------------------------------------------------------
# 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;
}

#infinite-handle {
	margin: 80px 0 0 0;
	text-align: center;
}

#infinite-handle span {
	padding: 4px 0;
	background: inherit !important;
}

#infinite-handle span button {
	max-width: 200px;
	display: inline-block;
	padding: 4px 20px !important;
	background: inherit;
	border: 2px solid !important;
}

#infinite-handle span button:hover {
	border: 2px solid !important;
}

#infinite-handle span button:focus {
	border: 2px solid !important;
}

.infinite-loader .spinner {
    margin: 0 auto;
	left: 0 !important;
    right: 0;
}

/*--------------------------------------------------------------
# Jetpack related posts
--------------------------------------------------------------*/

.related-posts-container #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	text-decoration: none !important;
	font-weight: bold;
}

.related-posts-container #jp-relatedposts h3.jp-relatedposts-headline {
	width: 100%;
	text-align: center;
	margin-bottom: 18px;
}

.related-posts-container #jp-relatedposts h3.jp-relatedposts-headline em:before {
	display: none;
}

.related-posts-container #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
	opacity: 1;
	width: calc(94% / 3);
    margin-right: 3%;
    margin-bottom: 0;
    padding-right: 0;
}

.related-posts-container #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
	clear: none;
	margin-right: 0;
} 

.related-posts-container #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
}

.related-posts-container #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	text-decoration: none !important;
}

.related-posts-container #jp-relatedposts {
	margin-top: 40px;
	margin-bottom: 0;
}


.related-posts-container #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, 
.related-posts-container #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
	display: none !important;
}

#jp-relatedposts .jp-relatedposts-items-visual {
	margin-right: 0 !important;
}

/*--------------------------------------------------------------
# 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 {
	margin-bottom: 24px;
	max-width: 100%;
}

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 24px;
}

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


/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.site-header {
	text-align: center;
	margin: 0;
}

.site-branding {
	padding: 60px 0;
}

.site-title {
	margin: 0;
}

.site-title a {
	padding: 0 16px;
}

.site-title a,
.site-title a:hover,
.site-title a:visited,
.site-title a:focus {
	text-decoration: none;
}

.site-description {
	margin-top: 16px;
	margin-bottom: 0;
}


/*--------------------------------------------------------------
## Blog Posts
--------------------------------------------------------------*/

.page-template-page-full-width article, 
.page-template-page-full-width .share-buttons-container,
.page-template-page-full-width .navigation,
.page-template-page-full-width .comments-area,
.page-template-page-full-width .error-404  {
	/*padding: 0 10%;*/
}

.entry-header {
	text-align: center;
}

.entry-header .short-underline {
	margin: 0 auto;
}

.entry-header a {
	text-decoration: none;
}

.entry-featured-image {
	background-size: cover; 
	background-position: 50%;
	height: 100%;
	width: 100%;
}

.entry-content {
	text-align: left;
}

.entry-footer {
	text-align: center;
	padding: 0 40px 32px;
}

.entry-footer a {
	text-decoration: none;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
}

.entry-footer .cat-links {
	margin-bottom: 12px;
}

.share-buttons-container {
	text-align: center;
	padding: 0;
	border: none;
}

.share-buttons-container .share-buttons {
	display: table;
	width: 100%;
}

.share-buttons-container .share-buttons a {
	border-left: 2px solid;
	border-top: 2px solid;
	border-bottom: 2px solid;
	text-decoration: none;
	display: table-cell;
	padding: 4px;
	width: 20%;
	cursor: pointer;
}

.share-buttons-container a:last-child {
	border-right: 2px solid;
}

.entry-content table td,
.entry-content table th {
	padding: 10px 15px;
}

.page .entry-content table th,
.single-post .entry-content table th {
	border-bottom: 2px solid;
}

.read-more-container {
	text-align: center;
}

/*--------------------------------------------------------------
### Full Entry Layout
--------------------------------------------------------------*/

/*For the featured picture*/
.page-template-page-full-width.single-post #main {
	margin: 0 auto;
	max-width: 870px;
}

/*For the featured picture*/
.page-template-page-full-width.blog .full-entry-article + .posts-navigation,
.page-template-page-full-width.blog .full-entry-article,
.archive .full-entry-article {
	margin-left: auto;
	margin-right: auto;
	max-width: 870px;
}

.full-entry-article {
	padding-top: 32px !important;
	margin-bottom: 40px;
}

.full-entry-article .entry-header {
	padding: 0 25px 32px;
}

.full-entry-article .entry-content {
	padding: 32px 40px 20px !important;
	margin-top: 0;
	text-align: left;
	overflow: hidden;
}

.full-entry-article .entry-footer {
	padding-left: 40px;
	padding-left: 40px;
}

/*--------------------------------------------------------------
### Standard Layout
--------------------------------------------------------------*/

/* For the featured picture */
.page-template-page-full-width.blog #infinite-handle,
.page-template-page-full-width.blog .standard-article,
.page-template-page-full-width.blog .standard-article + .posts-navigation,
.archive .standard-article {
	margin-left: auto;
	margin-right: auto;
	max-width: 870px;
}

.standard-article {
	padding-top: 32px !important;
	margin-bottom: 40px;
}

.standard-article .entry-header {
	padding: 0 25px 32px;
}

.standard-article .entry-content {
	padding: 32px 40px !important;
	margin-top: 0;
	text-align: left;
	overflow: hidden;
}

/*--------------------------------------------------------------
### List Layout
--------------------------------------------------------------*/

.list-article {
	display: table;
	table-layout: fixed;
	margin-bottom: 40px;
	width: 100%;
}

.list-article:first-child {
	margin-top: 0;
}

.list-article .read-more {
	padding-top: 20px;
}

.list-article .entry-featured-image {
	width: 32%;
	display: table-cell;
	vertical-align: middle;
}

.list-article .entry-content {
	margin-top: 0;
}

.list-article .entry-body {
	width: 60%;
	padding: 32px 40px;
	display: table-cell;
	vertical-align: middle;
}

.list-article .entry-header {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
### Grid Layout
--------------------------------------------------------------*/

/**
 * Keep the same space between articles, posts navigation, and footer for the grid layout
 */
.masonry-grid-articles + .navigation.posts-navigation,
.masonry-grid-articles + .nav-links-numeric {
	margin-top: 40px;
}

/**
 * All the masonry elements will have this width
 */
.masonry-grid-sizer,
.grid-article { 
	width: 48%; 
}

/**
 * Adds horizontal space between item elements.
 */
.masonry-grid-gutter {
	width: 4%;
}

.grid-article {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 40px;
	opacity: 0;
	-webkit-transition: opacity 1s ease 0s;
	-moz-transition: opacity 1s ease 0s;
	-ms-transition: opacity 1s ease 0s;
}

.grid-article:nth-of-type(even),
.grid-layout .grid-article:nth-of-type(even) {
	margin-right: 0;
}

.grid-article .read-more {
	padding-top: 20px;
}

.grid-article .entry-featured img {
	width: 100%;
}

.grid-article .entry-featured-image {
	width: 100%;
	height: 500px;
}

.grid-article .entry-content {
	margin-top: 0;
}

.grid-article .entry-body {
	padding: 32px 40px;
}

.grid-article + .navigation {
	padding: 0;
}

/*--------------------------------------------------------------
### Bordered Layout
--------------------------------------------------------------*/

.bordered-article {
	margin-bottom: 100px;
}

.bordered-article:first-child {
	margin-top: 40px;
}

.page-template-page-full-width .bordered-article:last-child {
	margin-bottom: 0;
}

.bordered-article .entry-featured {
	display: inline-block; 
	width: 38%;
	vertical-align: top;
	border: 4px solid;
}

.bordered-article .entry-content {
	padding: 20px 40px 32px;
	margin-top: 32px;
}

.bordered-left-article .entry-featured-image {
	width: 100%;
	height: 430px;
	position: relative;
	top: -40px;
	left: 40px;
}

.bordered-right-article .entry-featured {
	float: right;
}

.bordered-right-article .entry-featured-image {
	width: 100%;
	height: 430px;
	position: relative;
	top: -40px;
	left: -40px;
}

.bordered-left-article .entry-header {
	text-align: left;
	position: relative;
	left: -25%;
	padding: 16px 32px 24px;
	margin-bottom: 0;
}

.bordered-right-article .entry-header {
	text-align: right;
	position: relative;
	right: -25%;
	padding: 16px 32px 24px;
	margin-bottom: 0;
	z-index: 1;
}

.bordered-left-article .entry-content {
	text-align: left;
}

.bordered-right-article .entry-content {
	text-align: right;
}

.bordered-left-article .entry-body {
	display: inline-block;
	vertical-align: top;
	width: 52%;
	margin-left: 9%;
}

.bordered-right-article .entry-body {
	display: inline-block;
	vertical-align: top;
	width: 52%;
	margin-right: calc(8% - 40px);
}

.bordered-article .read-more {
	margin: 0;
}

.bordered-right-article .read-more {
	float: right;
}

.bordered-left-article .read-more {
	float: left;
}

.bordered-left-article .short-underline {
	float: left;
}

.bordered-right-article .short-underline {
	float: right;
}


.blog .bordered-article:first-of-type {
	margin-top: 40px;
} 
 

/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/

#primary.content-area {
    float: left;
    max-width: 760px;
    width: 68%;
}

.page-template-page-full-width #primary.content-area {
	float: none;
	max-width: 100%;
	width: 100%;
}

#secondary.widget-area {
    float: right;
    width: 28%;
    padding: 0px;
}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

.back-to-top {
	position: absolute;
	left: auto;
	right: 20px;
	bottom: -70px;
	font-weight: bold;
	line-height: 0 !important;
	margin: 0;
}

.back-to-top h3 {
	margin: 0;
}

.back-to-top:hover {
	cursor: pointer;
}

.back-to-top img {
	max-width: 130px;
}

.back-to-top.fixed {
	position: fixed;
	bottom: 20px;
}

.full-width-footer {
	text-align: center;
}

.full-width-footer + .site-footer {
	margin-bottom: -10px;
}

/**
 * Style for WP Instagram widget
 */
.full-width-footer ul.instagram-pics {
	margin: 0;
	padding: 0;
    white-space: nowrap;
    list-style: none;
    line-height: 0;
}

.full-width-footer .widget.null-instagram-feed,
.full-width-footer .widget.widget_image_widget {
	margin-bottom: 0;
}

.full-width-footer .widget.widget_image_widget {
	margin-bottom: -20px;
}

/**
 * Display 8 images per row
 */
.full-width-footer .instagram-pics li {
    display: inline-block;
    max-width: 12.5%;
    max-width: calc(100%/8);
    margin-bottom: 0;
}

.full-width-footer .null-instagram-feed p.clear {
	margin-top: 20px;
}

.full-width-footer .widget-title {
    margin: 10px auto 16px;
}

.footer.site-info {
	padding: 12px 30px 8px;
	text-align: center;
}

.footer.site-info .footer-copyright, 
.footer.site-info .footer-credit {
	display: inline-block;
}

footer.site-footer .widget {
	margin-bottom: 0;
}

footer.site-footer .widget-title {
	margin: 0;
}

.footer-widget-container,
.full-width-footer .enews,
.full-width-footer .widget_promo_items_widget {
    max-width: 1100px;
    width: 100%;
    margin: 40px auto 40px;
    display: table;
    table-layout: fixed;
}

.footer-widget-container {
	margin: 80px auto;
}

.footer-widget-container .widget-area {
	display: table-cell;
}

.footer-widget-container.with-border {
	border: 2px solid;
}

.footer-widget-container.with-border .widget-area {
	border-right: 2px solid;
}

.footer-widget-container.with-border .widget-area:last-child {
	border-right: none;
}

.footer-widget-container.with-border .widget-area .widget {
	border-bottom: 2px solid;
}


.footer-widget-container.with-border .widget-area .widget:last-child {
	border-bottom: none;
}

footer.site-footer .widget {
	padding: 16px 32px 32px;
}

.footer.site-info .fa {
	font-size: 11px;
	padding: 0 4px;
}

/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/

.owl-carousel {
	margin: 0 0 80px;
}

/**
 * To remove flickering
 */
.owl-carousel .owl-item {
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1; 
}

.owl-carousel .owl-item > div {
	height: 500px;
	background-position: 50%; 
	background-size: cover;
	background-repeat: no-repeat; 
	background-color: #fefefe;
}

.owl-carousel .owl-item .slide-link {
	display: block;
	width: 100%;
	height: 100%;
}

.owl-carousel .slider-content {
	/* This color won't be customizable */
	background: #fff;
	min-width: 450px;
	max-width: 500px;
	padding: 50px 40px 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.owl-carousel .slider-title + .slider-subtitle {
	margin-top: 5px;
}

.owl-carousel .slider-title + .slider-button, 
.owl-carousel .slider-subtitle + .slider-button {
	display: inline-block;
    margin-bottom: -20px;
}

.owl-carousel .owl-nav {
	width: 100%;
	height: 10px;
	position: absolute;
	left: 50%;
    top: calc(50% - 15px);
    transform: translate(-50%, -50%);
    padding: 0 30px;
}

.owl-nav .carousel-arrow {
	position: absolute;
	width: 30px;
	height: 30px;
	background-size: cover;
}

.owl-nav .owl-next {
	float: right;
	margin-right: 30px;
}

.owl-nav .carousel-arrow-left {
	background-image: url(assets/img/arrow_left.png);
}

.owl-nav .carousel-arrow-right {
	background-image: url(assets/img/arrow_right.png);
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

.wpcf7-form p {
	margin: 0;
}

.wpcf7-form label {
	text-align: left;
}

.wpcf7-response-output.wpcf7-display-none {
	border: none;
	text-align: left;
	padding: 0;
}

/*--------------------------------------------------------------
# Enews Genesis
--------------------------------------------------------------*/

.enews input {
	margin-bottom: 20px;
}

#secondary.widget-area .enews input {
	max-width: 250px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#secondary.widget-area .enews input[type="submit"] {
	margin-bottom: 0;
}

.enews input:last-child {
	margin-bottom: 0;
}

.home-page-widgets .enews,
.home-page-widgets .enews-widget,
.full-width-footer .enews {
	margin-top: 0;
	margin-bottom: 0;
}

.full-width-footer .enews-widget {
	margin-top: 0;
}

.home-page-widgets .enews input,
.full-width-footer .enews input {
	width: calc(97% / 3);
	margin-right: 1%;
}

.home-page-widgets .enews input:last-child,
.full-width-footer .enews input:last-child {
	margin-right: 0;
}

.home-page-widgets .enews input[type="submit"],
.full-width-footer .enews input[type="submit"] {
	min-width: 50px;
	max-width: 170px;
}

/*--------------------------------------------------------------
# Related posts popup
--------------------------------------------------------------*/

.related-post-popup {
    position: fixed;
    right: -325px;
    bottom: 90px;
    height: auto;
    width: 350px;
    z-index: 99999;

    /* won't be changed */
    background: #ffffff;
    border: 1px solid #eaeaea;

    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;

    -webkit-backface-visibility: hidden;
}

.related-post-popup.open {
    right: 0;
    -webkit-box-shadow: 0 2px 50px rgba(0,0,0,0.1);
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.related-post-popup .arrow {
    float: left;
}

.related-post-popup .arrow {
	display: inline-block;
    width: 25px;
    text-align: center;
    background: #fff;
    color: #000;
    cursor: pointer;
}

.related-post-popup .arrow i {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    margin-left: -2px;
}

.related-post-popup-img {
	display: inline-block;
	background-size: cover; 
	background-position: 50%;
	height: 100px;
	width: 100px;
}

.related-post-popup-text {
	display: inline-block;
	vertical-align: top;
	width: 170px;
	margin-left: 20px;
}

.related-post-popup-heading {
	margin: 0;
}

.related-post-popup-title {
	margin-bottom: 25px;
}

.related-post-popup .content {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 20px 20px 16px 30px;
}

.related-post-popup-article {
	width: 100%;
	height: 100%;
	margin-top: -10px;
	overflow: hidden;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media screen and (max-width: 1200px) {

	#primary.content-area,
	footer.site-footer,
	.home-page-widgets,
	.full-width-footer .enews,
	.full-width-footer .promo-items-container,
	.site-logo,
	.site-description {
		padding: 0 32px;
	}

	#primary.content-area {
		padding-right: 0;
	}

	.page-template-page-full-width #primary.content-area {
		padding-right: 32px;
	} 

	#secondary.widget-area {
		padding-right: 32px;
	}

	.nav-bar-left-icons,
	.nav-bar-right-icons {
		display: none;
	}

	.nav-social-icons {
		left: 30px;
	}

	.nav-social-icons.nav-social-icons-right,
	.nav-cart-icon {
		right: 30px;
	}

} /* end media screen 1200px */


@media screen and (max-width: 960px) {

	.nav-bar-right-icons {
		right: 15px;
	}

	.nav-bar-left-icons {
		left: 15px;
	}

	#primary.content-area {
		padding-right: 32px;
	} 

	#primary.content-area,
	.page-template-page-full-width #primary.content-area {
		float: none;
		max-width: 100%;
		width: 100%;
	}

	#secondary.widget-area {
		float: none;
		width: 100%;
		max-width: 500px;
		margin: 54px auto 0;
	    padding: 0 32px;
	}

	.widget .search-field,
	#secondary.widget-area .enews input {
		max-width: 80%;
	}

	.page-template-page-full-width article, 
	.page-template-page-full-width .navigation,
	.page-template-page-full-width .comments-area {
		padding: 0;
	}

	.comment-body {
		padding: 32px 40px 20px !important;
	}

	.owl-carousel.slider-two-slides .slider-content {
		min-width: 300px;
		max-width: 300px;
		padding: 35px 45px;
	}


	/**
	 * Add a smaller font value, so the table won't overflow
	 */
	.page .entry-content table th {
		font-size: 13px !important;
		letter-spacing: 3px !important;
		line-height: 24px !important;
	}

}  /* end media screen 960px */

@media screen and (max-width: 767px) {

	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		display: block;
		width: 100%;
		margin-right: 0;
	}

	.back-to-top {
		right: 15px;
	}
	
	.back-to-top img {
		max-width: 70px;
	}

	.nav-bar-right-icons {
		display: inline-block;
		right: 20px;
		top: 27px;
	}

	.home-page-widgets .widget:not(.widget_promo_items_widget) {
		padding: 20px;
	}

	.home-page-widgets .widget.enews-widget input {
		width: 60%;
	}

	.widget input[type="submit"],
	.widget button,
	.widget .button {
		width: 100%;
		max-width: 100% !important;
	}

	.single_add_to_cart_button {
		max-width: 200px !important;
	}

	.related-posts-container #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
		width: 70%;
		margin: 0 auto 40px auto;
		float: none;
	}

	.related-posts-container #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
		margin-right: auto;
	}

	#jp-relatedposts .jp-relatedposts-items-visual {
		margin-right: 0 !important;
	}

	.only-for-mobile {
		display: block !important;
	}

	.nav-social-icons.nav-social-icons-right.only-for-mobile {
		display: inline-block !important;
	}

	.site-info .sep {
		display: none;
	}

	.menu-toggle {
		display: block;
		text-align: left;
		font-weight: 700;
		border: none;
		font-size: 30px !important;
    	font-family: verdana, sans-serif;
    	font-weight: lighter;
    	width: 100%;
		padding: 6px 20px 10px !important;
	}

	.sub-menu-toggle {
		display: block;
		padding-right: 20px !important;
		padding-top: 7px !important;
		position: absolute;
		right: 0;
		top: 0;
		width: 70px;
		font-size: 20px !important;
		font-family: verdana, sans-serif;
    	font-weight: bold;
	}

	.sub-menu-toggle:before {
		content: "\002B";
	}

	.sub-menu-toggle.activated:before {
		content: "\2212";
	}

	.main-navigation {
		display: none;
		position: relative;
	}

	.main-navigation li {
		display: block;
		padding: 0;
		position: relative;
	}

	.main-navigation ul li > ul, 
	.main-navigation ul li.focus > ul, 
	.main-navigation ul li:hover > ul {
	    display: none;
	    margin: auto;
	    position: relative;
	    top: 0;
	    left: auto;
	    border: none;
	}

	.main-navigation ul ul li {
		margin-top: 0;
	}

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

	.sub-menu {
		width: 100%;
	}

	.full-width-footer ul.instagram-pics {
    	white-space: normal;
    	width: 100%;
	}

	/**
	 * Display 4 images per row
	 */
	.full-width-footer .instagram-pics li {
		max-width: 25%;
		margin-top: -14px;
	}

	.footer-widget-container {
		display: block;
		width: 100%;
		table-layout: auto;
	}

	.footer-widget-container .widget-area {
		display: block;
	}

	.footer-widget-container.with-border .widget-area {
		border-right: none;
	}

	.footer-widget-container.with-border .widget-area .widget:last-child {
		border-bottom: 2px solid;
	}

	.footer-widget-container.with-border .widget-area:last-child .widget:last-child {
		border-bottom: none;
	}

	.site-footer .enews input {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.columns-2 section,
	.columns-3 section {
		width: 100%;
		display: block;
	}

	.share-buttons-container .share-buttons {
		width: 200px;
		margin: 0 auto;
	}

	.share-buttons-container .share-buttons a {
		display: block;
		width: 100%;
		border-right: 2px solid;
		border-bottom: none;
	}

	.share-buttons-container .share-buttons a:last-child {
		display: block;
		width: 100%;
		border-bottom: 2px solid;
	}

	.share-buttons-container .share-buttons,
	.nav-links .nav-previous, 
	.nav-links .nav-next {
		width: 100%;
		max-width: 100%;
	}

	.entry-featured.page-featured {
		height: 350px;
	}

	.nav-links .nav-previous,
	.nav-links .nav-next {
		float: none !important;
		margin: 0 auto;
	}

	.nav-links .nav-previous + .nav-next {
		margin-top: 10px;
	}

	.only-for-desktop {
		display: none !important;
	}

	.list-article .entry-featured,
	.list-article .entry-body {
		display: block;
		width: 100%;
	}

	.masonry-grid-sizer,
	.grid-article { 
		width: 100%; 
	}

	.bordered-article {
		margin-bottom: 40px;
	}

	.bordered-article:first-child {
		margin-top: 0;
	}

	.bordered-article .entry-featured {
		display: block;
		border: 0;
		width: 100%;
		margin: 0;
	}

	.bordered-article .entry-body {
		margin: 0;
	}

	.bordered-article .read-more {
		float: none;
		margin: 0 auto;
	}

	.bordered-article .entry-header {
		width: 100%;
	    left: 0;
	    margin: 0;
	    text-align: center;
	}

	.bordered-article .entry-header .short-underline {
		float: none;
		margin: 0 auto;
	}

	.bordered-article .entry-body {
		width: 100%;
	}

	.bordered-article .entry-content {
		padding: 0 40px 32px;
		text-align: center;
		margin-top: 0;
	}

	.owl-carousel .owl-item > div {
		height: 350px;
	}

	.owl-carousel.slider-two-slides .slider-content, 
	.owl-carousel.slider-full-width .slider-content {
		min-width: 450px;
		max-width: 80%;
		padding: 20px 36px;
	}

	/* Add the default font settings */
	.owl-carousel h1.slider-title {
		font-size: 20px !important;
		letter-spacing: 4px !important;
		line-height: 30px !important;
	}

	.owl-carousel h3.slider-subtitle {
		font-size: 15px !important;
		letter-spacing: 2px !important;
		line-height: 24px !important;
	}

	.owl-carousel .owl-nav {
		padding: 0 10px;
	}


	.home-page-widgets .widget .promo-item,
	.full-width-footer .widget .promo-item {
		display: block;
		width: 100% !important;
		margin-bottom: 40px;
	}

	.home-page-widgets .widget .promo-item-image,
	.full-width-footer .widget .promo-item-image {
		height: 200px;
	}

	.home-page-widgets .widget .promo-item-button,
	.full-width-footer .widget .promo-item-button {
		min-width: 60%;
		padding: 40px;
	}

	.home-page-widgets .widget .promo-item:last-child,
	.full-width-footer .widget .promo-item:last-child {
		margin-bottom: 0;
	}

	#infinite-handle {
		max-width: 100%;
	}

	#infinite-handle span button {
		width: 100%;
		max-width: 100%;
	}

	.related-post-popup {
		display: none;
	}

	.wpcf7 .creative-summer-row .creative-summer-col-3,
	.creative-summer-row .creative-summer-col-2,
	.creative-summer-row .creative-summer-col-3 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.wpcf7 .creative-summer-row .creative-summer-col-3 {
		margin-bottom: 0;
	}

} /* end media screen 767 px */

@media screen and (max-width: 600px) {

	.home-page-widgets .widget.enews-widget input {
		width: 100%;
	}

	.comment-list .children {
		margin-left: 10px;
		padding-left: 10px;
	}

	.post-password-form label,
	.post-password-form input[type="submit"] {
		width: 100%;
		margin-right: 0;
	}

	.site-branding {
		padding: 40px 0;
	}

	.widget .search-field,
	#secondary.widget-area .enews input {
		max-width: 100%;
	}


	.posts-navigation, 
	.post-navigation {
		padding: 0;
	}

	#wpadminbar {
		position: fixed;
	}

	.wpcf7-form input.wpcf7-form-control.wpcf7-text {
		width: 100%;
	}

	.home-page-widgets .enews input,
	.full-width-footer .enews input {
		width: 48%;
		margin-bottom: 20px;
	}

	.owl-carousel.slider-two-slides .slider-content, 
	.owl-carousel.slider-full-width .slider-content {
		min-width: 80%;
	}

} /* end media screen 600px*/


@media screen and (max-width: 467px) {

	.site-logo img {
		width: 75%;
	}

	blockquote,
	q {
		margin-left: 10px;
		margin-right: 0;
		padding-left: 10px;
	}

	.page-content .search-field,
	.page-content .search-submit,
	.error-404 label {
		max-width: 100%;
		width: 100%;
	}

	.page-content .search-field {
		margin-bottom: 10px;
	}

	.related-posts-container #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
		width: 80%;
	}

	.only-for-small-sizes {
		display: block !important;
	}

	.only-for-big-sizes {
		display: none !important;
	}

	#primary.content-area,
	.page-template-page-full-width #primary.content-area,
	footer.site-footer,
	.home-page-widgets,
	.full-width-footer .enews,
	.full-width-footer .promo-items-container,
	.site-logo,
	.site-description {
		padding: 0 16px;
	}

	#secondary.widget-area {
		padding-right: 16px;
	}

	.full-entry-article .entry-content,
	.full-entry-article .entry-header,
	.bordered-article .entry-content,
	.bordered-right-article .entry-header,
	.comment-respond,
	footer.site-footer .widget,
	.footer.site-info,
	.full-entry-article .entry-footer,
	#secondary.widget-area,
	.page .entry-content,
	.page .entry-header {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.nav-links .nav-previous a, 
	.nav-links .nav-next a,
	.bordered-article .entry-featured {
		width: 100% !important;
	}

	textarea {
		height: 220px;
	}

	.nav-links .nav-next a,
	.nav-links .nav-previous a {
		float: none;
		width: 100%;
		min-width: 100%;
	}

	/**
	 * Display 2 images per row
	 */
	.full-width-footer .instagram-pics li {
		max-width: 50%;
    	max-width: calc(100%/2);
	}

	.home-page-widgets .widget .promo-item-button,
	.full-width-footer .widget .promo-item-button {
		min-width: 75%;
		padding: 20px 40px;
	}

	.alignleft,
	.alignright,
	.aligncenter {
		display: block;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	.home-page-widgets .widget .promo-item-image,
	.full-width-footer .widget .promo-item-image {
		height: 150px;
	}

} /* end 467 media query */

@media screen and (max-width: 400px) {

	.nav-cart-icon {
		top: 28px;
	}

	.home-page-widgets .enews input,
	.full-width-footer .enews input  {
		width: 100%;
		margin-right: 1%;
		margin-bottom: 20px;
	}

	.home-page-widgets .enews input[type="submit"],
	.full-width-footer .enews input[type="submit"]  {
		width: 100%;
		max-width: 100%;
	}

} /* end 400 media query */