/*
Theme Name: Intimate
Theme URI: https://www.templatesell.com/item/intimate
Author: templatesell
Author URI: https://www.templatesell.com/
Description: Intimate is a elegant and easy to use WordPress magazine theme. It comes with 10+ custom widgets, customizer based theme settings, powerful theme options and many more. This theme has search option, off-canvas sidebar, multiple sidebar options, footer options, featured slider, promo boxed, footer widgets and many more. Besides that, this theme comes with added custom widgets for trending news, post grid, slider and many more.It comes with primary color option to change the whole site color with a single click. More Details: https://www.templatesell.com/item/intimate
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: intimate
Requires PHP: 5.2
Tested up to: 5.7
Tags: grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, custom-background, custom-logo, custom-menu, featured-images, featured-image-header, flexible-header, full-width-template, threaded-comments, translation-ready, footer-widgets, custom-colors, custom-header, editor-style, rtl-language-support, sticky-post, theme-options, wide-blocks, blog, news, photography

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.

Intimate is free WordPress theme by, Template Sell.
Intimate 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 https://necolas.github.io/normalize.css/

*/

/**
 * 1.0 - General styles (body, headings, links, tags, margins, etc.)
 * -------------------------------------------------------------
 */
html, body { 
    margin: 0;
    padding: 0;
}
/* body */
body {
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    color: #4c4f53;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background: #fcfcfc;
}

/* links */
a {
    text-decoration: none !important;
    color: #4c4f53;;
}
a:focus {
    color: #4c4f53;

}
a:hover {
    color: #158F15;
}
a:focus,
button:focus{
    outline-style: dotted;
    outline-color: gray;
    outline-width: 1px;
}

/* H1 - H6 */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    color: #000000;
    letter-spacing: 0.3px;
    opacity: 0.9;
}
h1,
.h1 {
    font-size: 29px;
}
h2,
.h2 {
    font-size: 26px;
}
h3,
.h3 {
    font-size: 23px;
}
h4,
.h4 {
    font-size: 20px;
}
h5,
.h5 {
    font-size: 17px;
}
h6,
.h6 {
    font-size: 15px;
}

/* tags */
button {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    -moz-transition: color 0.2s ease, background 0.2s ease;
    -o-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
}
p {
    margin: 0 0 15px;
}
dl {
    margin: 0 0 15px;
}
dl dt {
    font-weight: 700;
    margin: 0 0 5px;
    line-height: 1.7;
}
dl dd {
    margin: 0 0 15px;
    padding: 0 0 0 15px;
    line-height: 1.7;
}
dl dd:last-child {
    margin-bottom: 0;
}
address {
    display: block;
    margin: 0 0 15px;
    font-style: italic;
}
sup,
sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
abbr {
    text-decoration: none;
    border-bottom: 1px dotted #4c4f53;
    cursor: help;
}
acronym {
    text-decoration: none;
    border-bottom: 1px dashed #4c4f53;
    cursor: help;
}
big {
    text-transform: uppercase;
    font-size: larger;
}
cite {
    font-style: italic;
    border: none;
}
code,
kbd,
tt {
    padding: 4px 5px;
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
    font-size: 15px;
    color: #4c4f53;
    background-color: #f7f8f8;
    border-radius: 0;
}
kbd {
    box-shadow: none;
}
s,
strike,
del {
    text-decoration: line-through;
}
pre {
    display: inline-block;
    width: 100%;
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
    font-size: 15px;
    line-height: 1.35;
    overflow: auto;
    white-space: pre;
    margin: 5px 0 13px;
    padding: 21px 30px;
    background-color: #f7f8f8;
    color: #4c4f53;
    border: none;
    border-radius: 0;
}
var {
    font-style: italic;
    font-weight: 700;
}
strong,
b {
    font-weight: 700;
}
em,
q {
    font-style: italic;
}
ins {
    text-decoration: none;
    border-bottom: 2px solid #4c4f53;
}
legend {
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 22px;
    font-weight: 700;
    color: #2f3235;
    border-bottom: 1px solid #eeefef;
}
hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border-color: #eeefef;
}
blockquote {
    position: relative;
    margin: 0 0 40px;
    padding: 0 0 0 60px;
    border: none;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-style: normal;
    line-height: 1.65;
}
blockquote:before {
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: 0;
    font-family: 'Playfair Display', serif;
    content: '\201c';
    font-size: 120px;
    font-style: normal;
    line-height: 0.79;
    color: #158F15;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '';
}
blockquote p {
    margin-bottom: 20px!important;
}
blockquote p:last-child {
    margin-bottom: 0 !important;
}
blockquote cite {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.3;
    text-align: left;
    color: #4c4f53;
}
ul {
    list-style: disc;
    margin: 0;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
    padding-left: 10px;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
}

figure {
    margin:0;
}

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

td,
th {
    border: 1px solid #e7e7e7;
    padding: 7px 0;
    text-align: center;
}

/* text-align */
.aligncenter {
    text-align: center;
}
.alignright {
    text-align: right;
}
.alignleft {
    text-align: left;
}
.align-self-center {
    align-self: center!important;
}

/* float */
.floatleft {
    float: left;
}
.floatright {
    float: right;
}

/* font-width; !important - it is used to change a current "font-width" value */
.fw-300 {
    font-weight: 300 !important;
}
.fw-400 {
    font-weight: 400 !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.fw-700 {
    font-weight: 700 !important;
}

/* padding (none; 0); !important - it is used to change a current "padding-*" value */
.pt-none {
    padding-top: 0 !important;
}
.pb-none {
    padding-bottom: 0 !important;
}
.pr-none {
    padding-right: 0 !important;
}
.pl-none {
    padding-left: 0 !important;
}

/* margin (none; 0); !important - it is used to change a current "margin-*" value */
.mt-none {
    margin-top: 0 !important;
}
.mb-none {
    margin-bottom: 0 !important;
}
.mr-none {
    margin-right: 0 !important;
}
.ml-none {
    margin-left: 0 !important;
}

/* word-break */
.break-word {
    word-wrap: break-word;
}

/* overflow */
.o-hidden {
    overflow: hidden;
}

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

/* override Bootstrap's default container */
@media (min-width: 1200px) {
/*    .container {
        width: 1030px;
    }*/
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    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;
    clip-path: none;
    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. */
}


.nomen a{
    color: #989ea6;
    text-decoration: none !important;
}



nav.navbar .dropdown:hover > .dropdown-menu {
 display: block; 
}

@media only screen and (max-device-width: 992px){
    nav.navbar .dropdown:hover .dropdown-menu{
        display: none;
    }
}

input[type="search" i] {
    appearance: auto;
    box-sizing: border-box;
    writing-mode: horizontal-tb !important;
    padding-block: 1px;
    padding-inline: 2px;
}

/**
 * jQuery lightzoom v1.1.0
 */

 a.lightzoom {
    cursor: zoom-in;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
  }
  
  #lz-container {
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    white-space: nowrap;
    position: absolute;
    z-index: 9999990 !important;
  }
  
  #lz-box {
    position: fixed;
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block;
    z-index: 9999998 !important;
  }
  
  #lz-overlay {
    display: block;
    opacity: 0.6;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999991 !important;
  }
  
  #lz-box:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
  }
  
  #lz-box img {
    float: none;
    display: inline-block;
    max-height: 80%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle;
    opacity: 0;
    position: relative;
    z-index: 9999995 !important;
  }
  
  #lz-box p {
    position: relative;
    bottom: 0;
    margin-top: -30px;
    margin-bottom: 0;
    line-height: 20px;
    font-size: 18px;
    z-index: 9999997 !important;
  }
  
  #lz-close {
    display: block;
    position: absolute;
    top: 2%;
    right: 2%;
    background: url("img/close.png") no-repeat 10px 10px;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    padding: 5px;
    opacity: 0.7;
    z-index: 9999998 !important;
  }
  
  #lz-close:hover {
    opacity: 1;
  }
  
  #lz-loading-center {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9999999 !important;
  }
  
  #lz-loading-center > .lz-loading-center-box {
    position: fixed;
    left: 50%;
    top: 50%;
    height: 150px;
    width: 150px;
    margin-top: -75px;
    margin-left: -75px;
  }
  
  .lz-object {
    width: 20px;
    height: 20px;
    background-color: #000;
    float: left;
    margin-right: 20px;
    margin-top: 65px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
  }
  
  #lz-object_one {
    -webkit-animation: object_one 1.5s infinite;
    animation: object_one 1.5s infinite;
  }
  
  #lz-object_two {
    -webkit-animation: object_two 1.5s infinite;
    animation: object_two 1.5s infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
  }
  
  #lz-object_three {
    -webkit-animation: object_three 1.5s infinite;
    animation: object_three 1.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
  
  @-webkit-keyframes object_one {
    75% {
      -webkit-transform: scale(0);
    }
  }
  
  @keyframes object_one {
    75% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }
  }
  
  @-webkit-keyframes object_two {
    75% {
      -webkit-transform: scale(0);
    }
  }
  
  @keyframes object_two {
    75% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }
  }
  
  @-webkit-keyframes object_three {
    75% {
      -webkit-transform: scale(0);
    }
  }
  
  @keyframes object_three {
    75% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }
  }