/*
Theme Name: Goodz Magazine
Theme URI: http://demo.themeskingdom.com/goodz-magazine
Author: Themes Kingdom
Author URI: http://themeskingdom.com
Description: goodz magazine is a modern premium theme for WordPress. It’s perfect for writers (and readers!) who appreciate clean design and elegant minimalism. Goodz serves your content front and center, letting the reader focus more on your work, and less on chrome. It works great on any screen - from phones and tablets to laptops and desktops. If you love your content, give it a clear, crisp way to communicate with your audience. Give it goodz.
Version: 1.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: goodz-magazine
Tags: white, light, black, responsive-layout, fluid-layout, right-sidebar, one-column, two-columns, three-columns, four-columns, photoblogging, custom-colors, custom-menu, post-formats, rtl-language-support, sticky-post, translation-ready, full-width-template, featured-images, threaded-comments

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.

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

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Helpers
# Elements
# General
# Layout
# Forms
# Header
# Footer
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Posts
    ## Pages
  ## Asides
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
  ## Jetpack overwrites
# Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

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

body {
  margin: 0;
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

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


p {
    font-family: 'Arapey', serif !important;
    font-weight: 400;
    color: #000;
    font-size: 1.15em;
    letter-spacing: 0 !important;
}



b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

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

@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-regular/montserrat-regular.eot');
    src: url('fonts/montserrat-regular/montserrat-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular/montserrat-regular.woff') format('woff'),
         url('fonts/montserrat-regular/montserrat-regular.ttf') format('truetype'),
         url('fonts/montserrat-regular/montserrat-regular.svg#montserratregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-bold/montserrat-bold.eot');
    src: url('fonts/montserrat-bold/montserrat-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold/montserrat-bold.woff') format('woff'),
         url('fonts/montserrat-bold/montserrat-bold.ttf') format('truetype'),
         url('fonts/montserrat-bold/montserrat-bold.svg#montserratbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-light/montserrat-light.eot');
    src: url('fonts/montserrat-light/montserrat-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light/montserrat-light.woff') format('woff'),
         url('fonts/montserrat-light/montserrat-light.ttf') format('truetype'),
         url('fonts/montserrat-light/montserrat-light.svg#montserratlight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-semibold/montserrat-semibold.eot');
    src: url('fonts/montserrat-semibold/montserrat-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-semibold/montserrat-semibold.woff') format('woff'),
         url('fonts/montserrat-semibold/montserrat-semibold.ttf') format('truetype'),
         url('fonts/montserrat-semibold/montserrat-semibold.svg#montserratsemi_bold') format('svg');
    font-weight: 600;
    font-style: normal;
}

/*icons*/

@font-face {
  font-family: 'icomoon';
  src:url('fonts/icons/icomoon.eot?o19a6j');
  src:url('fonts/icons/icomoon.eot?#iefixo19a6j') format('embedded-opentype'),
    url('fonts/icons/icomoon.ttf?o19a6j') format('truetype'),
    url('fonts/icons/icomoon.woff?o19a6j') format('woff'),
    url('fonts/icons/icomoon.svg?o19a6j#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
.featured-slider .slick-arrow:before,
.single .gallery .slick-arrow:before,
.grid-wrapper .format-link .entry-title:after,
.grid-wrapper .format-quote blockquote:after,
.post-edit-link:before,
.no-results .search-form:after,
.error-404 .search-form:after,
.nav-links a:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before,
.nav-links a:after,
.featured-slider .slick-arrow:before,
.single .gallery .slick-arrow:before {
  content: "\e600";
}

.icon-search:before {
  content: "\e803";
}

.icon-edit:before,
.post-edit-link:before {
  content: "\e800";
}

.icon-link:before,
.grid-wrapper .format-link .entry-title:after {
  content: "\e801";
}

.icon-quote:before,
.grid-wrapper .format-quote blockquote:after {
  content: "\e802";
}

.secondary-font,
blockquote,
.contact-form label,
.post .entry-content p,
.page .entry-content p,
.post .entry-content li,
.page .entry-content li,
.post .entry-content blockquote,
.page .entry-content blockquote,
.post .entry-content blockquote p,
.page .entry-content blockquote p,
.post .entry-meta,
.cat-links,
.wp-caption-text,
.widget,
.comment-content,
.slick-dots,
.site-header .search-form:after,
.author-info p {
    font-family:'Playfair Display', serif;
    font-weight: 400;
}

body,
blockquote cite,
blockquote + cite,
blockquote + p cite,
.post .entry-content strong,
.page .entry-content strong,
.grid-wrapper .format-quote blockquote,
.grid-wrapper .format-quote blockquote p,
.widget-title,
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"],
.widget_calendar caption,
body #jp-relatedposts {
/*  font-family: 'montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-family:'Playfair Display', serif;
}

.control-group .input-prepend {
    float: left;
}

.contact-captcha img {
    width: 150px;
    margin: 20px 0;
}

.refresh-text {
    float: left;
    margin-top: 18px;
    margin-left: 20px;
    cursor: pointer;
}

.contact-submit {
    margin-top: 50px;
}

/*font-sizes*/

html {
  font-size: 16px;
}

.site-branding,
.grid-wrapper,
#big-search-trigger,
.post-edit-link,
.featured-slider .slick-track,
.slick-arrow,
.featured-image a,
.gallery-item,
.contact-form,
.no-results .search-form,
.error-404 .search-form,
.slick-dots li button,
.grunion-field-label span,
.twocolumn {
  font-size: 0;
}

.site-header nav,
.site-footer,
.site-footer .widget,
.site-footer .widget-title,
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"],
.comment-metadata,
.single .nav-links a:before {
    font-size: 10px;
    font-size: 0.626rem;
}

select,
.site-description {
    font-size: 11px;
    font-size: 0.6875rem;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post .entry-meta,
.cat-links,
.gallery-caption {
  font-size: 12px;
  font-size: 0.75rem;
}

table,
.format-quote blockquote cite,
.format-quote blockquote + cite,
.format-quote blockquote + p cite,
.post .entry-content,
.grid-wrapper .page .entry-content,
#infinite-handle button,
.site-header .search-form:after,
.single-post .tags-links,
.author-info p,
.comment-author b,
.comment-content,
.comment-respond form > p,
.wp-caption-text,
.more-link,
.widget,
div.sharedaddy .sd-block h3.sd-title,
#subscribe-email input,
.no-results p,
.error-404 p {
  font-size: 14px;
  font-size: 0.875rem;
}

pre,
code,
kbd,
tt,
var,
label,
blockquote cite,
blockquote + cite,
blockquote + p cite {
  font-size: 15px;
  font-size: 0.9375rem;
}

body,
label,
.dropdown-toggle {
  font-size: 16px;
  font-size: 1rem;
}

h6,
.archive .page-title,
.search .page-title,
.single .entry-content,
.page .site-content .entry-content,
.twocolumn p,
.post-edit-link:before,
.slick-dots,
.slick-dots button {
  font-size: 18px;
  font-size: 1.125rem;
  color: #000;
font-family: 'Didot', serif !important;
font-weight: 400;
}

h5,
#big-search-trigger i {
  font-size: 20px;
  font-size: 1.25rem;
}

.post .entry-title,
.page .entry-title,
.widget-title,
.widget_calendar caption,
.grid-wrapper .format-quote blockquote,
.grid-wrapper .format-quote blockquote p {
  font-size: 21px;
  font-size: 1.3125rem;
}

#big-search-trigger i,
.comments-title,
body #jp-relatedposts h3.jp-relatedposts-headline,
blockquote,
blockquote p {
  font-size: 22px;
  font-size: 1.25rem;
}

h4 {
    font-size: 24px;
    font-size: 1.5rem;
}

h3,
.site-title {
  font-size: 30px;
  font-size: 1.875rem;
}

h2,
.featured-slider .entry-title {
  font-size: 36px;
  font-size: 2.25rem;
}

.page-title {
  font-size: 42px;
  font-size: 2.625rem;
}

h1,
.single-post .entry-title,
.category-info h2 {
  font-size: 48px;
  font-size: 2.5rem;
}

.site-header input[type="search"] {
  font-size: 72px;
  font-size: 4.5rem;
}

#secondary {
    line-height: 1.4em;
}

/*--------------------------------------------------------------
# Helpers
--------------------------------------------------------------*/

/* VERTICALIZE */
/*  <div class="verticalize-container">
    <div class="verticalize">
      Content that needs to be vertically and horizontally centered
    </div>
    </div>
*/

/* ==========================================================================
   Scalable Elements - dedicate padding bottom to .scalable-wrapper in percents (%), which will be the height of scalable element. Precentage will keep aspect ratio with width.
   width(100%) : padding-bottom(50%) = 2:1;
   ========================================================================== */

.scalable-wrapper {
    height: 0;
    padding-top: 57.25%;
    position: relative;
}

.scalable-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*VERTICALIZE CONTAINER*/
.verticalize-container {
    text-align: center;
}

.verticalize-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em; /* Adjusts for spacing */
    vertical-align: middle;
}

/*VERTICALIZE BOX*/
.verticalize {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
  box-sizing: border-box;
}

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

body {
  background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: grayscale;
}

body * {
  word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
    margin: 40px 0 10px;
   color: #000 !important;
    font-family: 'Playfair Display', serif !important;
    text-transform: uppercase;
}

h1,
h2,
h3,
h4 {
    line-height: 1.2;
}


h5,
h6 {
    line-height: 1.3;
}

.small-arrow:before,
.slick-arrow:before {
  content: "";
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 6px solid #000;
  display: inline-block;
}

p {
  line-height: 1.5em;
    margin: 0 0 22px;
}

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

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

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

code {
  background-color: #f9f2f4;
  color: #070707;
  font-size: 90%;
  padding: 2px 4px;
}

big {
  font-size: 125%;
}

dfn,
cite,
em,
i {
    font-style: italic;
    font-size: .8em;
    line-height: 1em;
  text-decoration: normal !important;
     font-family:'Playfair Display', serif;
  font-weight: 400 !important;
  color: #000;
}

blockquote {
  border: none;
  margin: 0 1.5em;
}

.single blockquote,
.page blockquote {
    margin: 3em 60px;
}

.grid-wrapper article:not(.format-quote) blockquote {
    margin: 3em auto;
    width: 80%;
}

blockquote,
.post blockquote p {
    line-height: 1.6em;
    letter-spacing: 0.8px;
}

article:not(.format-quote) blockquote p {
  margin-bottom: .7em;
}

article:not(.format-quote) blockquote cite {
  margin-top: 5px;
}

article:not(.format-quote) blockquote cite,
article:not(.format-quote) blockquote + cite,
article:not(.format-quote) blockquote + p cite {
  letter-spacing: 0;
  display: block;
  font-style: normal;
  font-weight: 700;
}

.single article:not(.format-quote) blockquote + cite,
.single article:not(.format-quote) blockquote + p cite,
.page article:not(.format-quote) blockquote + cite,
.page article:not(.format-quote) blockquote + p cite {
  margin: -4em 0 30px 60px;
}

.grid-wrapper article:not(.format-quote) blockquote + cite,
.grid-wrapper article:not(.format-quote) blockquote + p cite {
  margin-top: -3em;
}

address {
    line-height: 1.5em;
    margin: 0 0 1.5em;
}

pre {
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    color: #333333;
    display: block;
        font-family:'Playfair Display', serif;
    line-height: 1.42857143;
    margin: 0 0 22px;
    max-width: 100%;
    overflow: auto;
    padding: 10px;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
}

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

mark,
ins {
  background: #e0e0e0;
  text-decoration: none;
  padding: 2px 5px;
}

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

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

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

figure {
    margin: 0;
}

ul,
ol {
  margin: 0 0 1.5em;
  padding-left: 0;
}

ul {
  list-style: disc;
  text-align:center;
}

ol {
  list-style: decimal;
}

li {
  list-style-position: inside;
  margin: 6px 0;
}

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

dt {
  font-weight: bold;
  margin-bottom: 10px;
}

dd {
    line-height: 1.5em;
  margin: 0 1.5em 1.5em;
}

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

img[src*="pixel"] {
    display: none;
}

.gmnoprint img {
    max-width: initial;
}

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

.comment-content table,
.entry-content table {
  border: 2px solid #000;
}

.comment-content th,
.entry-content th,
.comment-content td,
.entry-content td {
    padding: 16px 18px;
    text-align: left;
}

.grid-wrapper th,
.grid-wrapper td {
    padding: 10px 8px;
    text-align: center;
}

.comment-content thead tr,
.entry-content thead tr {
  border-bottom: 2px solid #000;
}

th {
    font-weight: 400;
}

td {
    font-weight: 300;
}

.comment-content tbody th,
.entry-content tbody th {
  border-right: 2px solid #000;
}

.comment-content td,
.entry-content td {
  border-right: 1px solid #000;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
textarea,
select,
.radio.checked:before,
input[type="radio"]:checked + label:before,
.sticky-header .site-header,
.sticky-header .site-header > .container,
.menu-toggle span:before,
.menu-toggle span:after,
#big-search-trigger,
.main-navigation .nav-menu,
.main-navigation ul ul,
.search-wrap,
#big-search-close,
.grid-wrapper .featured-image a,
.edit-link,
.featured-image a:before,
.featured-image img,
.featured-slider .slick-arrow,
.single .gallery .slick-arrow,
.featured-slider .slick-arrow:before,
.single .gallery .slick-arrow:before,
.gallery .slick-arrow,
.gallery .slick-arrow:before,
.widget .search-form input[type="submit"],
.sd-social-icon a:before {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.dropcap {
    color: #000;
    float: left;
    font-size: 3.5em;
    font-weight: 700;
    line-height: 0.5em;
    margin: 0;
    padding: 0.3em 8px 0 0;
    text-transform: uppercase;
    width: auto;
}

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

/*Bootstrap Grid System*/

.row {
  clear: both;
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-sm-tk-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
}

/*custom 5 colums*/

@media (min-width: 768px) {
  .col-sm-tk-5 {
    width: 20%;
    float: left;
  }
}

/*global layout*/

.site-content {
    padding-top: 35px;
  padding-bottom: 100px;
}

.sticky-header .site-content {
    padding-top: 142px;
}

/*.page-template-template-front-page .site-content {
    padding-top: 0;
} Brisati na kraju */

.container,
.nav-links,
.boxed-blog .featured-slider-wrap,
.boxed-single .site-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 1240px;
  padding-left: 50px;
  padding-right: 50px;
  width: 100%;
}

.home.fullwidth-blog .site-content .container,
.archive.fullwidth-blog .site-content .container,
.search.fullwidth-blog .site-content .container,
.blog.fullwidth-blog .site-content .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.fullwidth-blog .site-content,
.site-header .container,
.site-footer .container,
.fullwidth-single .site-content,
.fullwidth-single .nav-links,
.fullwidth-blog .nav-links,
.featured-slider-fullwidth.fullwidth-blog .main-content-wrap > .container {
    max-width: 1720px;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: auto;
    margin-right: auto;
}

.featured-slider-fullwidth .site-content {
    max-width: 100%;
    overflow: hidden;
    padding: 0;
}

.single .content-area {
  overflow: visible;
}

.no-sidebar {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/*Sidebar*/

body .sidebar-left {
    float: right;
}

.sidebar-right + .widget-area {
  padding-left: 46px;
}

.sidebar-left ~ .widget-area {
    padding-right: 46px;
}

.twocolumn p {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.twocolumn p:nth-child(even) {
  padding-left: 20px;
}

.twocolumn p:nth-child(odd) {
  padding-right: 20px;
}

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.grid-wrapper #infinite-handle span button {
  border: 1px solid;
  border-color: #000;
  border-radius: 0;
  background: #000;
  box-shadow: none;
  color: #fff;
  font-weight: 600;
    height: 55px;
    line-height: initial;
    padding-left: 2.6em;
    padding-right: 2.6em;
    padding-bottom: 1px; /* vertically aligns text */
    text-transform: uppercase;
  text-shadow: none;
  -webkit-transition: background .3s, color .3s;
  -moz-transition: background .3s, color .3s;
  -ms-transition: background .3s, color .3s;
  -o-transition: background .3s, color .3s;
  transition: background .3s, color .3s;
}

.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget_app_newsletter  .widget input[type="submit"] {
  font-weight: 400;
  letter-spacing: 1px;
  padding-left: 34px;
  padding-right: 34px;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    max-width: 400px;
}

.widget .newsletter input[type="submit"],
.widget .newsletter input[type="text"] {
    height: 40px;
    width: 100%;
    margin-top: 10px;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.grid-wrapper #infinite-handle span button:focus {
  background-color: #fff;
  color: #000;
  outline: none;
}

button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  -webkit-transform: scale(0.99);
  -ms-transform: scale(0.99);
  -o-transform: scale(0.99);
  transform: scale(0.99);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  height: 55px;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget #subscribe-email input,
.widget select {
  width: 100%;
}

.site-footer input[type="text"],
.site-footer input[type="email"],
.site-footer input[type="url"],
.site-footer input[type="password"],
.site-footer input[type="search"] {
  border-color: rgba(160,160,160,.3);
  color: rgba(0,0,0,.4);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  border: 1px solid #ebebeb;
  border-radius: 0;
  color: #666;
  padding-left: 20px;
    padding-right: 20px;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
textarea:hover,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  border-color: #000;
}

textarea {
    line-height: 1.5em;
  min-height: 200px;
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-top: 18px;
  padding-bottom: 18px;
  resize: vertical;
  vertical-align: top; /* Improves readability and alignment in all browsers */
  width: 100%;
}

select {
    background: url(img/drop-arrow.png) no-repeat right 13px center;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    border-radius: 0;
    border: 1px solid #ebebeb;
    color: #1a1616;
    cursor: pointer;
    min-height: 55px;
    padding: 0 50px 0 22px;
    text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-transition: border .3s;
  -moz-transition: border .3s;
  -ms-transition: border .3s;
  -o-transition: border .3s;
  transition: border .3s;
}

select::-ms-expand {
    display: none; /* Removes select arrow in IE10+ */
}

select:hover {
  border-color: #000;
}

/*remove spinner fron number input*/

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

label {
color: #000;
display: block;
margin-bottom: 5px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
}

/*Contact Form*/

.contact-form {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.contact-form > * {
    font-size: initial;
    margin-bottom: 30px;
}

.contact-form .half-width {
  display: inline-block;
  width: 50%;
  padding-right: 16px;
}

.contact-form .last {
  padding-left: 16px;
  padding-right: 0;
}

.contact-form div.half-width input {
    width: 100%;
    max-width: 100%;
}

.grunion-field-label + * {
  margin-top: 14px;
}

.contact-form label.grunion-field-label {
  font-weight: 400;
}

.contact-form div textarea {
  width: 100%;
}

.contact-form input[type="submit"] {
  width: 200px;
}

/*custom checkbox and radio*/

input[type="checkbox"],
input[type="radio"] {
  display: none;
}


label.checkbox,
input[type="checkbox"] + label,
form.contact-form label.checkbox,
form.contact-form input[type="checkbox"] + label,
label.radio,
input[type="radio"] + label,
form.contact-form label.radio,
form.contact-form input[type="radio"] + label {
  cursor: pointer;
  padding-left: 40px;
  position: relative;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  margin-bottom: 22px;
}

.comment-subscription-form input[type="checkbox"] + label {
  margin-bottom: 0;
  display: inline-block !important; /*overwriting Jetpack*/
  line-height: 1.7em;
}

label.checkbox:before,
input[type="checkbox"] + label:before,
label.radio:before,
input[type="radio"] + label:before {
  border: 1px solid #000;
  color: transparent;
  font-size: 14px;
  height: 20px;
  opacity: .2;
  text-align: center;
  width: 20px;
  position: absolute;
  left: 0;
  top: -2px;
}

label.checkbox:before,
input[type="checkbox"] + label:before {
  -webkit-transition: background-color .3s, opacity .3s;
  -moz-transition: background-color .3s, opacity .3s;
  -ms-transition: background-color .3s, opacity .3s;
  -o-transition: background-color .3s, opacity .3s;
  transition: background-color .3s, opacity .3s;
}

.comment-subscription-form input[type="checkbox"] + label:before {
  top: 1px;
}

label.checkbox:before,
input[type="checkbox"] + label:before,
label.radio:before,
input[type="radio"] + label:before {
  content: "";
}

label.checkbox:hover:before,
input[type="checkbox"] + label:hover:before,
label.radio:hover:before,
input[type="radio"] + label:hover:before {
  opacity: 1;
}

.checkbox.checked:before,
input[type="checkbox"]:checked + label:before,
.checkbox.checked:hover:before,
input[type="checkbox"]:checked + label:hover:before,
.radio.checked:before,
input[type="radio"]:checked + label:before,
.radio.checked:hover:before,
input[type="radio"]:checked + label:hover:before {
  opacity: 1;
}

.checkbox.checked:before,
input[type="checkbox"]:checked + label:before {
  background: #000 url(img/check-big.png) no-repeat center center;
  -webkit-background-size: 12px auto;
  background-size: 12px auto;
}

.radio.checked:before,
input[type="radio"]:checked + label:before {
  border-width: 6px;
}

/*search form*/

.search-form {
    position: relative;
}

.widget .search-form input[type="search"] {
  padding-right: 70px;
}

.widget .search-form input[type="submit"] {
  opacity: 0;
}

.widget .search-form input[type="submit"] {
    background-color: transparent;
    border-color: transparent;
    border-left: none;
    color: #000;
  line-height: normal;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.widget .search-form:hover input[type="submit"] {
  opacity: 1;
}

.widget .search-form:hover input[type="search"],
.widget .search-form input[type="search"]:focus,
.widget .search-form:hover input[type="submit"] {
  border-color: #000;
}

.widget .search-form input[type="submit"]:hover {
  background-color: #000;
  color: #fff;
}

/*remove  clearfield button*/

::-ms-clear {
    width : 0;
    height: 0;
}

::-ms-reveal {
    width : 0;
    height: 0;
}

/*Subscribe*/

.widget #subscribe-email input,
#subscribe-submit input[type="submit"] {
  height: 40px;
  max-width: 390px;
}

.widget #subscribe-email input {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 20px;
}

#subscribe-submit input[type="submit"] {
  width: 100%;
}

/*inputs inside post*/

.entry-content input:not[type="submit"] {
    width: 100%;
    max-width: 350px;
    display: block;
    margin-bottom: 20px;
}

.grunion-field-label span:after {
  content: "*";
  font-size: 16px;
}

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

.site-header {
    position: relative;
    z-index: 1000;
}

.sticky-header .site-header {
    width: 100%;
    position: fixed;
    left: 0;
    background: #fff !important;
}

.site-header .container {
  display: table;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  position: relative;
  text-align: center;
}

.site-logo-link {
    display: inline-block;
}

.site-title {
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .widget-title, .entry-meta{
    color: #000 !important;
    font-family: 'Playfair Display', serif !important;
    text-transform: uppercase;
}

.site-description {
    letter-spacing: 0.5px;
    font-weight: 300;
}

.site-title,
.site-description {
  margin: 0;
}



.site-title a{
  color: #fff !important;
}

.search-wrap {
  display: block;
  background: rgba(255,255,255,.9);
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
}

.admin-bar .search-wrap {
  top: 32px;
}

.big-search .search-wrap {
  opacity: 1;
  visibility: visible;
}

.site-header .search-form {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.site-header .search-form:after {
  content: "Press Enter / Return to begin your search.";
  display: block;
    letter-spacing: 0.6px;
  margin-top: 3em;
}

.site-header input[type="search"] {
  background-color: transparent;
  border: none;
  color: #000;
  font-weight: 700;
  height: auto;
    max-width: 680px;
  text-align: left;
  width: 100%;
}

.site-header input[type="search"]:focus {
    outline: none;
}

.site-header input[type="search"]::-webkit-input-placeholder {
  color: #000;
  text-align: center;
  opacity: 1;
}

.site-header input[type="search"]:-moz-placeholder {
  color: #000;
  text-align: center;
  opacity: 1;
}

.site-header input[type="search"]::-moz-placeholder {
  color: #000;
  text-align: center;
  opacity: 1;
}

.site-header input[type="search"]:-ms-input-placeholder {
  color: #000;
  text-align: center;
  opacity: 1;
}

.site-header .search-form input[type="submit"] {
  display: none;
}

#big-search-trigger {
  margin-top: 1px;
  position: absolute;
  top: 50%;
  right: 50px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#big-search-trigger,
#big-search-close,
.fancybox-close {
  display: block;
}

.big-search #big-search-trigger,
#big-search-close {
  opacity: 0;
  visibility: hidden;
}

#big-search-close {
    position: fixed;
    left: 50%;
    top: 32px;
}

#big-search-close,
.fancybox-close {
    height: 36px;
    margin-left: -18px;
    padding: 5px;
    width: 36px;
    z-index: 1002;
}

.fancybox-skin .fancybox-close {
    background-image: none;
}

.admin-bar #big-search-close {
  top: 64px;
}

.big-search #big-search-close {
  opacity: 1;
  visibility: visible;
}

#big-search-close:before,
#big-search-close:after,
.fancybox-close:before,
.fancybox-close:after {
    content: "";
    height: 70%;
    margin-left: -1px;
    width: 2px;
    position: absolute;
}

#big-search-close:before,
#big-search-close:after {
    background: #000;
    left: 50%;
    top: 5px;
}

.fancybox-close:before,
.fancybox-close:after {
    background-color: #fff;
    left: 50%;
}

.fancybox-close:hover:before,
.fancybox-close:hover:after {
    background-color: #808080;
}

#big-search-close:before,
.fancybox-close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#big-search-close:after,
.fancybox-close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}



    .single-post .entry-content a {
    border-bottom: 2px solid #2445a8;
    padding-bottom: 1px;
    font-weight: normal !important;
}