html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}
* {
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: border-box;
}
html {
font-size: 14px;
} body {
color: #4a4a4a;
background: #fff;
line-height: 1.8;
font-size: 1rem;
font-family: 'Lora', 'Georgia', serif;
height: 100%;
overflow: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.loaded {
height: auto;
overflow: visible;
} .preloader {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #ffffff;
z-index: 1000;
visibility: visible;
-webkit-transition: all 0.6s ease-out 0.4s; 
transition: all 0.6s ease-out 0.4s; 
}
.loaded .preloader {
visibility: hidden;
opacity: 0;
}
.spinner {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #c8ab77;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 1.8s infinite ease-in-out;
animation: bounce 1.8s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
0%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% { 
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
} h1,
h2,
h3,
h4,
h5,
h6 {
color: #333;
text-rendering: optimizeLegibility;
}
h1 {
font-size: 2.369em;
line-height: 1.22222222222;
letter-spacing: -0.071428rem;
margin: 1.139721em 0 0.379907em;
}
h2 {
font-size: 1.777em;
line-height: 1.416666;
margin: 1.518750em 0 0.506250em;
}
h3 {
font-size: 1.333em;
line-height: 1.5;
margin: 2.025em 0 0.675em;
}
h4 {
font-size: 1em;
margin: 0;
}
h5,
h6 {
text-transform: uppercase;
letter-spacing: 0.142857rem;
margin: 2.7em 0 0.9em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
p {
margin: 0 0 1.8em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
font-size: 1.125em;
line-height: 1.7;
font-style: italic;
text-align: center;
margin: 2em 3em;
}
blockquote p {
margin: 0 0 1.5em;
}
blockquote:before,
blockquote:after {
display: block;
font-family: Georgia, serif;
font-size: 4.7777777em;
font-style: normal;
line-height: 1;
color: #efefef;
height: 0.4418604em;
}
blockquote:before {
content: '\201C';
margin-bottom: 0.1395348em;
}
blockquote:after {
content: '\201D';
margin-top: 0.1395348em;
}
blockquote cite,
blockquote small {
color: #bababa;
display: block;
font-size: 1rem;
line-height: 1.75;
}
blockquote > :last-child {
margin: 0;
}
pre {
background-color: rgba(0, 0, 0, 0.01);
border: 1px solid #eaeaea;
max-width: 100%;
overflow: auto;
padding: 1em 1.5em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
} .uppercase-text {
font-family: Raleway, 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 0.178571em;
font-size: 0.8571428rem;
font-style: normal;
}
.gray-text {
color: #bababa;
}
.small-text {
font-size: 0.875em;
}
.large-text {
font-size: 1.25em;
}
.large-p-text {
font-size: 1.625em;
line-height: 1.7;
}
.large-pp-text {
font-size: 2em;
line-height: 1.55;
}
.text-box {
position: relative;
padding: 2.142857em;
border: 1px solid #e1e1e1;
margin: 0 0 2.142857em;
}
.text-box:after {
content: '';
position: absolute;
top: 3px;
bottom: 3px;
left: 3px;
right: 3px;
border: 1px solid;
border-color: inherit;
}
.text-box > :first-child {
margin-top: 0;
}
.text-box > :last-child {
margin-bottom: 0;
}
.text-box > * {
position: relative;
z-index: 1;
} hr {
margin: 2.7em;
border: 0;
border-top: 1px solid #eeeeee;
}
ul,
ol {
margin: 0 0 1.8em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul li,
ol li {
margin: 0 0 0.875em;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.8em;
}
dd {
margin: 0 0 1.8em;
}
table,
th,
td {
border: 1px solid rgba(51, 51, 51, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.8em;
table-layout: fixed;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
}
td {
border-width: 0 1px 1px 0;
}
th, td {
padding: 0.71428571em;
}
.gist table { 
width:inherit; 
}
img {
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle;
}
.avatar {
border-radius: 100%;
}
figure {
margin: 0;
}
del {
opacity: 0.8;
} .menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-top: 8px;
margin-bottom: 8px;
}
.menu-icon, 
.menu-icon:before, 
.menu-icon:after {
display: inline-block;
height: 2px;
width: 21px;
background: #333;
}
.menu-icon:before, 
.menu-icon:after {
content: '';
left: 0;
position: absolute;
}
.menu-icon:before {
top: -7px; 
}
.menu-icon:after {
bottom: -7px;
}
.fa-googleplus:before{
content:"\f0d5"
}
.fa-bloglovin:before{
content:"\f004"
}
.fa-vkontakte:before{
content:"\f189"
}
.fa-f500px:before{
content:"\f26e"
}
.fa-email:before{
content:"\f003"
} button,
input,
select,
textarea {
background-color: #fafafa;
border-radius: 0;
font-size: 1rem;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
textarea {
line-height: 1.8;
}
button,
input {
line-height: normal;
}
input,
textarea,
select {
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid rgba(51, 51, 51, 0.08);
color: #333;
}
input:focus,
textarea:focus,
select:focus {
background-color: #fff;
border: 1px solid rgba(51, 51, 51, 0.3);
}
input:focus {
outline: 2px solid #c1c1c1;
outline: 2px solid rgba(51, 51, 51, 0.3);
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
cursor: default;
opacity: .5;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: #cbb78f;
border: none;
color: #fff;
cursor: pointer;
font-family: 'Raleway', 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 0.178571em;
font-size: 0.78571428rem;
line-height: 1.45454545;
padding: 1.36363636em 1.636363em 1.36363636em 1.772727em;
vertical-align: top;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background-color: #bba579;
outline: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
padding: 1em;
}
textarea {
overflow: auto;
vertical-align: top;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
outline: 0;
}
select {
padding: 1em;
}
label {
cursor: pointer;
font-size: 1rem;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
margin-right: 0.5em;
}
fieldset {
border-color: rgba(51, 51, 51, 0.08);
border-style: solid;
border-width: 1px;
}
legend {
font-size: 1rem;
font-weight: bold;
padding: 0 10px;
}
.post-password-form label {
color: #bababa;
}
.post-password-form input[type="password"] {
width: 14rem;
margin-bottom: 0.714285rem;
}
.search-form .search-wrap {
position: relative;
}
.search-form .search-field {
display: block;
width: 100%;
-webkit-appearance: none;
}
.search-form .search-submit {
position: absolute;
top: 50%;
right: 0.714285em;
margin-top: calc( 1px - 0.5em );
padding: 0;
background: transparent;
color: #b1b1b1;
font-size: 1.1428571rem;
line-height: 1;
}
.search-form .search-submit:hover {
color: #555;
}
.required {
color: #ff5a3a;
} a {
color: #333;
text-decoration: none;
}
a:hover {
color: rgba(0,0,0,0.5);
}
a:focus {
outline: none;
}
a:hover > img {
opacity: 0.7
}
.taxonomy-description a,
.entry-meta a,
.page-content a,
.entry-content a,
.author-info a,
.comment-navigation a,
.image-navigation a,
.comment-content a,
.pingback .comment-body > a,
.comment-meta a,
.logged-in-as a,
.widget_calendar a,
.textwidget a {
color: #c8ab77;
}
.taxonomy-description a:hover,
.cat-links a:hover,
.entry-meta a:hover,
.page-content a:hover,
.entry-content a:hover,
.author-info a:hover,
.comment-navigation a:hover,
.image-navigation a:hover,
.comment-content a:hover,
.comment-meta a:hover,
.logged-in-as a:hover,
.widget_calendar a:hover,
.textwidget a:hover,
.portfolio-grid .portfolio-cats a:hover {
color: #a9874a;
} a,
a:after,
a:before,
input,
textarea,
button,
select {
-webkit-transition: all 0.2s ease-out; 
transition: all 0.2s ease-out; 
}
a > img { 
-webkit-transform: translateZ(0); 
transform: translateZ(0);  
-webkit-transition: all 0.3s ease-out; 
transition: all 0.3s ease-out; 
}
.menu-icon, 
.menu-icon:before, 
.menu-icon:after {
-webkit-transition: background 0.2s ease-out; 
transition: background 0.2s ease-out; 
} .alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4375em 2em 2em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4375em 0 2em 2em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
margin-top: 0.4375em;
margin-bottom: 2em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.25em;
} .list-item-row:after,
.entry-content:after,
.comment-content:after,
.page-content:after,
.comment-navigation:after,
.nav-links:after,
.widget-areas:after,
.textwidget:after,
.clearfix:after {
content: '';
display: table;
clear: both;
} .sidebar {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 40%;
background-color: #5f5f5f;
background-size: cover;
color: #ccc;
}
.admin-bar .sidebar {
top: 32px;
}
.sidebar-right .sidebar {
left: auto;
right: 0;
}
.sidebar:before {
display: none;
content: '';
background: #000;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
-webkit-transition: opacity 0.4s ease-out; 
transition: opacity 0.4s ease-out; 
}
.sidebar a {
color: #fff;
}
.sidebar a:hover {
color: #dbca9e;
}
.sidebar-inner {
position: relative;
z-index: 5;
display: flex;
flex-direction: column;
height: 100%;
padding: 8% 9%;
}
.site-header,
.visible-nav {
display: flex;
flex-grow: 1;
flex-direction: column;
align-items: center;
justify-content: center;
}
.site-header,
.site-info {
text-align: center;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s linear; 
transition: all 0.3s linear; 
}
.nav-open .toggle-buttons {
position: relative;
z-index: 20;
}
.site-info .social-profiles {
margin-bottom: 1em;
}
.sidebar-layout-3 .site-header {
justify-content: flex-end;
}
.sidebar-layout-3 .site-header + .site-info {
margin-top: 1em;
}
.sidebar-layout-4 .site-header {
display: block;
flex-grow: 0;
}
.sidebar-layout-4 .site-header + .site-info {
margin-top: auto;
} .toggle-buttons {
align-self: flex-start;
line-height: 1;
font-size: 18px;
}
.sidebar-right .toggle-buttons {
align-self: flex-end;
}
.nav-toggle,
.search-toggle,
.toggle-buttons .search-form {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
.nav-toggle {
font-size: 0;
}
.nav-toggle .menu-icon, 
.nav-toggle .menu-icon:before, 
.nav-toggle .menu-icon:after {
background: #fff;
}
.nav-toggle:hover .menu-icon, 
.nav-toggle:hover .menu-icon:before, 
.nav-toggle:hover .menu-icon:after {
background: #dbca9e;
}
.toggle-buttons .search-toggle {
color: #fff;
}
.toggle-buttons .search-toggle:hover {
color: #dbca9e;
}
.toggle-buttons .search-form {
position: relative;
width: 0;
-webkit-transition: width 0.4s ease-out; 
transition: width 0.4s ease-out; 
}
.search-open .toggle-buttons .search-form {
width: 220px;
}
.toggle-buttons .search-form:after {
content: '';
position: absolute;
bottom: -12px;
left: 0;
right: 0;
height: 1px;
background-color: rgba(204,204,204,0.4);
}
.toggle-buttons .search-field {
background: transparent;
padding: 0;
color: inherit;
border: none;
}
.toggle-buttons .search-submit {
display: none;
}
.toggle-buttons .search-field::-webkit-input-placeholder {
color: inherit;
}
.toggle-buttons .search-field::-moz-placeholder {
color: inherit;
opacity: 1;
}
.toggle-buttons .search-field:-ms-input-placeholder { 
color: inherit;
}
.toggle-buttons .search-field:-moz-placeholder {
color: inherit;
} .sidebar-nav {
text-align: center;
}
.hidden-nav.sidebar-nav {
display: flex;
position: absolute;
z-index: 0;
right: 0;
left: 0;
top: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s linear; 
transition: all 0.3s linear; 
}
.nav-open .hidden-nav.sidebar-nav {
visibility: visible;
opacity: 1;
z-index: 15;
}
.sidebar-nav .nav-container {
margin: auto;
}
.sidebar-nav ul,
.top-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav .nav-menu li:last-child {
margin: 0;
}
.sidebar-nav .nav-menu > li {
font-size: 1.8571428em;
line-height: 1.3;
margin: 0 0 0.461538em;
}
.sidebar-nav .nav-menu > li > a {
color: #fff;
}
.sidebar-nav .nav-menu > li > a:hover,
.sidebar-nav .nav-menu > .current-menu-item > a {
color: #dbca9e;
}
.sidebar-nav .menu-item-has-children > a {
position: relative;
}
.sidebar-nav .menu-item-has-children > a:after {
content: '\f107';
position: absolute;
top: 50%;
right: -1em;
margin-top: -0.5em;
font-family: 'FontAwesome';
speak: none;
font-size: 1rem;
line-height: 1;
color: #fff;
opacity: 0.7;
}
.sidebar-nav .menu-item-has-children > a:hover:after {
opacity: 1;
}
.sidebar-nav .sub-menu {
display: none;
font-size: 1rem;
line-height: 1.5;
margin-top: 0.8571428em;
}
.sidebar-nav .sub-menu a {
color: #ccc;
}
.sidebar-nav .sub-menu a:hover {
color: #fff;
}
.sidebar-nav .sub-menu li {
margin-bottom: 0.5em;
}
.sidebar-nav .close-canvas-nav {
position: absolute;
top: 20px;
right: 20px;
padding: 20px;
line-height: 1;
color: #fff;
}
.sidebar-nav .close-canvas-nav:hover {
color: #ccc;
} .site-identity {
max-width: 600px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.site-identity > :last-child {
margin: 0;
}
.site-title {
font-size: 2rem;
line-height: 1.35;
font-weight: 700;
letter-spacing: 0;
margin: 0 0 0.357142em;
color: #fff;
}
.tagline {
margin: 0 0 1.4285714em;
}
.site-title + .social-profiles {
margin: 1.4285714em 0 0;
}
.header-image {
margin: 0 0 1.8em;
overflow: hidden;
}
.header-image img {
max-width: 13em;
height: auto;
width: 100%;
transform: translateZ(0);
}
.rounded img {
border-radius: 100%;
} .social-profiles a {
display: inline-block;
border: 1px solid rgba(255,255,255,0.25);
width: 3em;
height: 3em;
border-radius: 100%;
text-align: center;
margin: 0.214285em;
}
.social-profiles i {
line-height: 2.857142em;
line-height: calc( 3em - 2px );
}
.sidebar .social-profiles {
color: #ffffff;
}
.sidebar .social-profiles a,
.sidebar .social-profiles a:hover {
color: inherit;
}
.sidebar .social-profiles a:hover {
border: 1px solid rgba(255,255,255,0.5);
} .site-info > *,
.site-header > * {
margin-bottom: 1.8em;
}
.site-info > :last-child,
.site-header > :last-child,
.custom-sidebar-section > :last-child {
margin-bottom: 0;
} .top-nav {
border-bottom: 1px solid #f2f2f2;
padding: 1.785714rem 5rem;
background: #fff;
text-transform: uppercase;
letter-spacing: 0.181818em;
font-size: 0.785714em;
text-align: center;
}
.top-nav .nav-menu li {
position: relative;
margin: 0;
}
.top-nav .nav-menu > li {
display: inline-block;
}
.top-nav .nav-menu > li > a {
position: relative;
display: inline-block;
padding: 0.636363em 1.363636em;
color: #333;
}
.top-nav .nav-menu > li > a:hover {
color: #a9874a;
}
.top-nav .nav-menu > li > a:after {
content: '';
position: absolute;
right: -2.5px;
top: 50%;
margin-top: -2.5px;
width: 5px;
height: 5px;
background: #e5d1ad;
border-radius: 100%;
}
.top-nav .nav-menu > :last-child > a:after {
display: none;
}
.top-nav .nav-menu .sub-menu {
position: absolute;
top: 100%;
left: 10px;
background: #f6f6f6;
width: 19em;
margin-top: 0.454545em;
padding: 1.090909em 0;
z-index: 50;
text-align: left;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out; 
transition: all 0.3s ease-out; 
}
.top-nav .nav-menu .sub-menu:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0.454545em;
margin-top: -0.454545em;
}
.top-nav .nav-menu .sub-menu > li > a {
display: inline-block;
padding: 0.545454em 2.272727em;
color: #333;
}
.top-nav .nav-menu .sub-menu > li > a:hover {
color: #a9874a;
}
.top-nav .nav-menu li:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.top-nav .sub-menu li > .sub-menu {
top: 0;
left: 100%;
margin-top: -1.090909em;
margin-left: 2px;
}
.top-nav .sub-menu li > .sub-menu:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -3px;
width: 2px;
}
.top-nav-toggle {
display: none;
} .site-content {
background-color: #fff;
margin-left: 40%;
overflow: hidden;
word-wrap: break-word;
}
.page-template-full-width-page .site-content {
margin: 0;
}
.sidebar-right .site-content {
margin-right: 40%;
margin-left: 0;
}
.page-template-full-width-page.sidebar-right .site-content {
margin: 0;
}
.page-header {
text-align: center;
}
.page-header .author-avatar {
margin: 0 0 1.8rem;
}
.section-title,
.page-title,
.widget-title {
font-size: 1.142857rem;
letter-spacing: 0;
margin: 0 0 1.5em;
}
.section-title:only-child,
.page-title:only-child,
.widget-title:only-child {
margin: 0;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
.navigation,
.inner-box {
padding: 4.642857rem 5.357142rem;
}
.navigation,
.inner-box,
.content-area {
border-bottom: 1px solid #f2f2f2;
}
.site-content > :last-child,
.site-main > :last-child {
border: none;
}
.content-container,
.nav-links {
width: 100%;
max-width: 750px;
margin: 0 auto;
}
.content-container.large-container {
max-width: 900px;
}
.flex-row {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.flex-3c {
margin-left: -10px;
margin-right: -10px;  
}
.flex-row .flex-item {    
max-width: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
padding-left: 15px;
padding-right: 15px;
}
.flex-3c .flex-item {    
max-width: 33.3333333333%;
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
padding-left: 10px;
padding-right: 10px;
} .entry-header {
text-align: center;
margin-bottom: 2.142857em;
}
.sticky-badge {
display: inline-block;
background: #d3c4a6;
padding: 0.6em 1.1em 0.6em 1.35em;
font-family: 'Raleway', 'Open Sans', sans-serif;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.25em;
font-size: 0.71428571rem;
color: #fff;
margin: 0 0 2.4em;
}
.cat-links {
position: relative;
display: block;
font-family: 'Raleway', 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 0.227272em;
font-size: 0.785714em;
padding-bottom: 1.2rem;
margin-bottom: 1.2rem;
}
.cat-links:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 2em;
margin-left: -1.090909em;
height: 2px;
background: #eee;
}
.entry-title {
font-size: 2.285714rem;
line-height: 1.4;
font-weight: normal;
margin: 0 0 0.375em;
letter-spacing: -0.015625em;
}
.post-thumbnail,
.entry-attachment  {
display: block;
margin-bottom: 2.5em;
text-align: center;
}
.post-thumbnail.has-caption {
margin-bottom: 0;
}
.post-thumbnail-caption {
margin-bottom: 2.5em;
text-align: center;
}
.post-thumbnail img,
.entry-attachment img {
display: block;
margin: 0 auto;
}
.post-meta,
.post-date,
.comment-meta,
.portfolio-grid .portfolio-cats a {
font-style: italic;
color: #bababa;
}
.post-meta + .post-meta:before {
content: '\2022';
margin: 0 1em;
font-size: 0.571428em;
vertical-align: middle;
color: #d5d5d5;
}
.page-content,
.entry-content,
.section-content {
font-size: 1.142857rem;
}
.entry-summary > :last-child,
.section-content > :last-child {
margin: 0;
}
.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child,
.entry-summary > h1:first-child,
.entry-summary > h2:first-child,
.entry-summary > h3:first-child,
.entry-summary > h4:first-child,
.entry-summary > h5:first-child,
.entry-summary > h6:first-child,
.page-content > h1:first-child,
.page-content > h2:first-child,
.page-content > h3:first-child,
.page-content > h4:first-child,
.page-content > h5:first-child,
.page-content > h6:first-child,
.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child,
.section-content > h1:first-child,
.section-content > h2:first-child,
.section-content > h3:first-child,
.section-content > h4:first-child,
.section-content > h5:first-child,
.section-content > h6:first-child {
margin-top: 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
}
.page-links {
text-align: center;
margin-bottom: 1.8em;
font-style: italic;
}
.tags-list {
margin-bottom: 1.8em;
}
.tags-list a,
.tagcloud a {
display: inline-block;
padding: 0.142857em 0.714285em;
border: 1px solid #e7e7e7;
color: #b1b1b1;
margin-right: 0.357142em;
margin-bottom: 0.357142em;
border-radius: 3px;
}
.tagcloud a {
font-size: 1rem !important;
margin-right: 0;
}
.tags-list a:hover,
.tagcloud a:hover {
border-color: #ccc;
color: #414141;
}
.entry-more {
display: table;
width: 100%;
margin-top: -0.357142rem;
}
.entry-more .more-wrap,
.entry-more .share-buttons {
display: table-cell;
vertical-align: middle;
}
.entry-more .share-buttons {
text-align: right;
}
.more-link {
font-style: italic;
} .share-buttons a {
display: inline-block;
margin-right: 3px;
background: #f5f5f5;
width: 3.142857em;
height: 3.142857em;
border-radius: 100%;
font-size: 1rem;
text-align: center;
color: #333;
}
.share-buttons a:hover {
color: #fff;
background: #d3c4a6;
}
.share-buttons i {
line-height: 3.142857em;
}
.share-buttons .wdb-facebook-button:hover {
background: #3b5998;
}
.share-buttons .wdb-twitter-button:hover {
background: #00aced;
}
.share-buttons .wdb-google-button:hover {
background: #dd4b39;
}
.share-buttons .wdb-pinterest-button:hover {
background: #cb2027;
}
.share-buttons .wdb-tumblr-button:hover {
background: #32506d;
}
.share-buttons .wdb-vk-button:hover {
background: #45668e;
} .author-info .author-avatar {
float: left;
}
.author-avatar img {
max-width: 7.142857em;
}
.has-avatar .author-description {
margin-left: 8.928571em;
}
.author-bio {
margin: 0 0 1.4285714em;
}
.author-link {
font-style: italic;
} .related-post .post-thumbnail {
margin-bottom: 1rem;
}
.related-post-content a {
font-size: 1.142857rem;
line-height: 1.6;
} .posts-grid .hentry {
position: relative;
text-align: center;
margin-bottom: 40px;
}
.posts-grid .post-thumbnail {
margin-bottom: 2em;
}
.posts-grid .has-post-thumbnail .sticky-badge {
position: absolute;
top: 0;
left: 15px;
}
.posts-grid .cat-links {
padding-bottom: 0;
margin-bottom: 0.909090em;
}
.posts-grid .cat-links:after {
display: none;
}
.posts-grid .entry-header {
margin-bottom: 1.2857142em;
}
.posts-grid .entry-title {
font-size: 1.714285em;
line-height: 1.4;
}
.list-item-row {
margin-left: -15px;
margin-right: -15px;
}
.list-item .post-thumbnail,
.list-item-content {
padding-left: 15px;
padding-right: 15px;
}
.list-item .post-thumbnail {
float:right;
width: 33.333333333%;
}
.has-post-thumbnail .list-item-content {
float: left;
width: 66.666666666%;
}
.list-item-content .sticky-badge {
margin: 0 0 1.5em;
}
.list-item-content .entry-title {
font-size: 1.857142em;
line-height: 1.4;
margin: 0 0 0.19230769em;
}
.list-item-content .entry-summary {
margin-top: 1.4285714em;
} .pagination {
text-align: center;
}
.page-numbers {
display: inline-block;
vertical-align: middle;
width: 3.142857em;
height: 3.142857em;
line-height: 3.142857em;
text-align: center;
background: #f5f5f5;
color: #333;
border-radius: 100%;
}
.page-numbers i {
line-height: 2.75em;
font-size: 1.142857em;
}
.page-numbers:hover,
.page-numbers.current {
color: #fff;
background: #d3c4a6;
}
.page-numbers.dots {
background: none;
}
.page-numbers.dots:hover {
color: inherit;
}
.page-numbers.current {
font-weight: bold;
}
.post-navigation .nav-previous,
.post-navigation .nav-next,
.comment-navigation .nav-previous,
.comment-navigation .nav-next,
.image-navigation .nav-previous,
.image-navigation .nav-next {
width: 50%;
}
.post-navigation .nav-previous,
.comment-navigation .nav-previous,
.image-navigation .nav-previous {
float: left;
}
.post-navigation .nav-next,
.comment-navigation .nav-next,
.image-navigation .nav-next {
float: right;
text-align: right;
}
.post-navigation .nav-meta {
display: block;
font-family: 'Raleway', 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 0.227272em;
font-size: 0.785714rem;
margin-bottom: 0.272727em;
color: #b1b1b1;
}
.post-navigation .post-title {
font-size: 1.142857rem;
}
.comment-navigation {
margin-bottom: 1.428571rem;
}
.comment-navigation,
.image-navigation,
.nav-link {
font-style: italic;
}
.entry-footer + .image-navigation {
margin-top: 1.8em;
}
.not-found .search-form {
margin-bottom: 1.8em;
} .format-video .post-thumbnail,
.format-audio .post-thumbnail {
position: relative;
}
.format-video .post-thumbnail:after,
.format-audio .post-thumbnail:after {
content: '';
font-family: 'FontAwesome';
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
margin-top: -1.25em;
margin-left: -1.25em;
width: 2.5em;
height: 2.5em;
background: rgba(255,255,255,0.85);
text-align: center;
border-radius: 100%;
font-size: 2.8571428rem;
line-height: 2.5em;
color: #cdbd87;
}
.format-video .post-thumbnail:after {
content: "\f04b";
padding-left: 0.25em;
}
.format-audio .post-thumbnail:after {
content: "\f001";
}
.related-post.format-video .post-thumbnail:after,
.related-post.format-audio .post-thumbnail:after,
.list-item.format-video .post-thumbnail:after,
.list-item.format-audio .post-thumbnail:after {
font-size: 1.428257rem;
} .comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list .children {
margin-top: 1.8em;
margin-left: 5em;
}
.comment-list li {
margin-bottom: 1.8em;
}
.comment-author {
font-family: 'Raleway', 'Open Sans', sans-serif;
font-size: 1rem;
margin: 0 0 0.5em;
letter-spacing: 0;
text-transform: none;
}
.comment-list .bypostauthor .fn:after {
content: 'Author';
margin-left: 5px;
font-family: Lora, Georgia, serif;
font-weight: normal;
font-style: italic;
color: #bababa;
}
.comment-avatar {
width: 3.571428em;
float: left;
margin-top: 0.357142em;
}
.entry-comment {
margin-left: 5em;
}
.avatars-disabled .entry-comment {
margin-left: 0;
}
.comment-awaiting-moderation {
margin-bottom: 0.5em;
font-style: italic;
color: #54ab16;
}
.comment-notes,
.logged-in-as {
font-style: italic;
}
.comment-respond {
margin-top: 2.142857em;
}
.comment-respond:only-child {
margin-top: 0px;
}
.comment-footer {
display: table;
width: 100%;
margin-top: -1em;
}
.comment-footer .comment-metadata,
.comment-footer .reply {
display: table-cell;
vertical-align: middle;
}
.comment-footer .comment-metadata {
font-size: 0.857142em;
}
.comment-footer .reply {
text-align: right;
}
.comment-reply-link {
display: inline-block;
font-family: 'Raleway', 'Open Sans', sans-serif;
font-size: 0.642857rem;
text-transform: uppercase;
letter-spacing: 0.111111em;
padding: 0.555555em 1.222222em 0.555555em 1.333333em;
color: #414141;
border-radius: 3px;
border: 1px solid #e7e7e7;
} 
.comment-reply-link:hover {
border-color:#ccc;
}
.no-comments {
background: #f5f5f5;
padding: 1em 1.428571em;
font-style: italic;
border-radius: 3px;
}
.comment-reply-title small i {
font-size: 1.142857em;
}
.comment-reply-title small a {
color: #b1b1b1;
}
.comment-reply-title small a:hover {
color: #333;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
width: 100%;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
max-width: 22em;
}
.comment-form .form-submit {
margin-bottom: 0;
} .entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
embed,
iframe,
object,
video {
margin-bottom: 2.5em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 1rem;
margin-top: 0;
margin-bottom: 1.8em;
}
.wp-playlist.wp-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 0.625em 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 0.625em;
} .wp-caption {
margin-bottom: 1.8em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption-text,
.entry-caption {
color: #a1a1a1;
font-size: 1rem;
line-height: 1.7;
padding: 1em 0 0;
}
.wp-caption.aligncenter .wp-caption-text {
text-align: center;
} .gallery {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
margin-bottom: 1.8em;
}
.gallery .gallery-item {
flex-basis: 100%;
max-width: 100%;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}
.gallery.wild-book-custom-gallery {
display: block;
margin-left: 0;
margin-right: 0;
}
.gallery.wild-book-custom-gallery .gallery-item {
padding-left: 0;
padding-right: 0;
}
.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4 {
margin-left: -15px;
margin-right: -15px;
}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.gallery-columns-2 .gallery-item {
flex-basis: 50%;
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.gallery-columns-4 .gallery-item {
flex-basis: 25%;
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
flex-basis: 20%;
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
flex-basis: 16.66666666%;
max-width: 16.6666666%;
}
.gallery-columns-7 .gallery-item {
flex-basis: 14.2857142%;
max-width: 14.2857142%;
}
.gallery-columns-8 .gallery-item {
flex-basis: 12.5%;
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
flex-basis: 11.111111%;
max-width: 11.111111%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-columns-5 > .gallery-item,
.gallery-columns-6 > .gallery-item,
.gallery-columns-7 > .gallery-item,
.gallery-columns-8 > .gallery-item,
.gallery-columns-9 > .gallery-item {
padding-left: 6px;
padding-right: 6px;
margin-bottom: 15px;
}
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery-caption {
font-size: 0.857142rem;
line-height: 1.5;
padding: 0.833333em 0 0;
}
.masonry-gallery {
flex-basis: 100%;
margin-left: -5px;
margin-right: -5px;
}
.gallery-columns-2 .masonry-gallery,
.gallery-columns-3 .masonry-gallery,
.gallery-columns-4 .masonry-gallery {
margin-left: -10px;
margin-right: -10px;
}
.masonry-gallery .gallery-item {
display: block;
padding: 0 5px;
margin-bottom: 10px;
}
.gallery-columns-2 .masonry-gallery .gallery-item,
.gallery-columns-3 .masonry-gallery .gallery-item,
.gallery-columns-4 .masonry-gallery .gallery-item {
padding: 0 10px;
margin-bottom: 20px;
}
.carousel-gallery .gallery-item {
width: 100%;
max-width: 100%;
padding: 0;
display: block;
margin-bottom: 0;
}
.carousel-gallery .gallery-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
color: #fff;
background: rgba(0,0,0,0.4);
}
.gallery-columns-3 .carousel-gallery .gallery-caption,
.gallery-columns-4 .carousel-gallery .gallery-caption {
padding: 10px;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
position: absolute;
top: 50%;
margin-top: -1.5rem;
}
.owl-carousel .owl-nav .owl-prev {
left: 30px;
}
.owl-carousel .owl-nav .owl-next {
right: 30px;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
background-color: rgba(0,0,0,0.15);
color: #fff;
font-size: 1.3rem;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border-radius: 3px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
background-color: rgba(0,0,0,0.35);
}
.owl-dots {
text-align: center;
margin-top: 1rem;
}
.owl-dots .owl-dot {
display: inline-block;
width: 12px;
height: 12px;
background: #eee;
border-radius: 100%;
margin: 0 2px;
}
.owl-dots .owl-dot.active,
.owl-dots .owl-dot:hover {
background-color: #e6d5b3;
}
.carousel-gallery.owl-carousel .owl-item img {
display: block;
max-width: 100%;
width: auto;
}
.tiled-gallery {
margin-bottom: 1.8em !important;
} .widget-areas {
margin-left: -15px;
margin-right: -15px;
}
.widget-area {
float: left;
width: 50%;
padding-right: 15px;
padding-left: 15px;
}
.widget {
margin: 0 0 2.5em;
line-height: 1.7;
}
.widget:last-child,
.widget:only-child {
margin: 0;
}
.widget-title {
margin-bottom: 1em;
}
.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_about_me ul,
.widget_advanced_recent_posts ul,
.wildbook-widget-recent-posts ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
margin-bottom: 0.714285em;
}
.widget_archive ul li:last-child,
.widget_categories ul li:last-child,
.widget_links ul li:last-child,
.widget_meta ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_pages ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_advanced_recent_posts ul li:last-child {
margin-bottom: 0;
}
.widget .post-date,
.wildbook-widget-recent-posts .post-date {
display: block;
font-size: 0.857142em;
}
.widget_calendar .calendar_wrap {
max-width: 450px;
}
.widget_calendar caption {
font-style: italic;
}
.widget_calendar table th,
.widget_calendar table td {
text-align: center;
}
.widget_archive ul,
.widget_categories ul,
.widget_recent_comments ul {
color: #bababa;
font-style: italic;
}
.widget_archive a,
.widget_categories a,
.widget_recent_comments a,
.widget_recent_comments .comment-author-link {
font-style: normal;
}
.widget_categories .children,
.widget_nav_menu .sub-menu {
margin: 0.714285em 0 0 1.071428em;
}
.widget_categories .children a:before,
.widget_nav_menu .sub-menu a:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 4px;
height: 4px;
background: #ccc;
border-radius: 100%;
margin-right: 10px;
margin-top: -2px;
}
.textwidget > :only-child,
.textwidget > :last-child {
margin-bottom: 0;
}
.wdb-widget-about-me > * {
margin: 0 0 1em;
}
.wdb-widget-about-me .social-profiles a {
border-color: rgba(0,0,0,0.13);
}
.wdb-widget-about-me .social-profiles a:hover {
color: inherit;
border-color: rgba(0,0,0,0.25);
}
.wdb-instagram-feed .instagram-pics {
list-style: none;
margin: 0 -3px 1em -3px;
padding: 0;
}
.wdb-instagram-feed .instagram-pics li {
float: left;
width: 33.33333333333333333333333%;
padding-left: 3px;
padding-right: 3px;
margin-bottom: 6px;
}
.wdb-instagram-feed p {
font-style: italic;
}
.wildbook-widget-recent-posts ul li {
margin-bottom: 1.5rem;
}
.wildbook-widget-recent-posts .post-thumbnail {
float: left;
margin: 0;
width: 5rem;
}
.wildbook-widget-recent-posts .has-post-thumbnail .widget-post-content {
margin-left: 6.428571rem;
}
.wildbook-widget-recent-posts .format-video .post-thumbnail:after,
.wildbook-widget-recent-posts .format-audio .post-thumbnail:after {
font-size: 1em;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
} .hentry .portfolio-grid {
margin-top: 20px;
}
.portfolio-grid .portfolio-post {     
margin-bottom: 30px;
}
.portfolio-grid .portfolio-post > :last-child {
margin-bottom: 0;
}
.portfolio-grid .post-thumbnail {
margin-bottom: 1.14285714em;
text-align: center;
}
.portfolio-grid .entry-header {
margin-bottom: 1em;
}
.portfolio-grid .entry-title {
font-size: 1.142857rem;
margin: 0;
}
.portfolio-grid .entry-summary {
text-align: center;
} .wdb-newsletter-form {
text-align: center;
}
.wdb-newsletter-form-wrap {
display: inline-block;
}
.mc4wp-alert {
font-style: italic;
margin-top: 1.8em;
}
.mc4wp-notice {
color: #3d78d6;
}
.mc4wp-success {
color: #619e22;  
}
.mc4wp-error {
color: #e85c5c;  
} @media (min-width: 1600px) { 
html {
font-size: 16px;
}
.navigation,
.inner-box  {
padding-top: 5.5rem;
padding-bottom: 5.5rem;
}
.flex-row {
margin-left: -20px;
margin-right: -20px;
}
.flex-row .flex-item {
padding-left: 20px;
padding-right: 20px;
}
.flex-3c {
margin-left: -15px;
margin-right: -15px;   
}
.flex-3c .flex-item {
padding-left: 15px;
padding-right: 15px;
}
.posts-grid .hentry {
margin-bottom: 50px;
}
.posts-grid .has-post-thumbnail .sticky-badge {
left: 20px;
}
.portfolio-grid .portfolio-post {     
margin-bottom: 40px;
}
.widget-areas {
margin-left: -25px;
margin-right: -25px;
}
.widget-area {
padding-right: 25px;
padding-left: 25px;
}
}
@media (min-width: 1920px) { 
html {
font-size: 17px;
}
.content-container,
.nav-links {
max-width: 800px;
}
.flex-row {
margin-left: -25px;
margin-right: -25px;
}
.flex-row .flex-item {
padding-left: 25px;
padding-right: 25px;
}
.flex-3c {
margin-left: -20px;
margin-right: -20px;   
}
.flex-3c .flex-item {
padding-left: 20px;
padding-right: 20px;
}
.top-nav .nav-menu li {
font-size: 0.82352941rem;
}
.posts-grid .hentry {
margin-bottom: 60px;
}
.posts-grid .has-post-thumbnail .sticky-badge {
left: 25px;
}
.portfolio-grid .portfolio-post {     
margin-bottom: 50px;
}
}
@media (min-width: 2500px) { 
html {
font-size: 22px;
}
.site-identity {
max-width: 800px;
}
.content-container,
.nav-links {
max-width: 950px;
}
.content-container.large-container {
max-width: 1050px;
}
.top-nav .nav-menu > li > a:after {
right: -3px;
margin-top: -3px;
width: 6px;
height: 6px;
}
}
@media (max-width: 1199px) { 
.search-open .toggle-buttons .search-form {
width: 150px;
}
}
@media (min-width: 992px) and (max-width: 1199px) { 
html {
font-size: 12px;
}
.top-nav .nav-menu > li > a:after {
right: -2px;
margin-top: -2px;
width: 4px;
height: 4px;
}
}
@media (min-width: 992px) { 
.page-template-full-width-page .sidebar {
display: none;
}
.off-canvas-nav {
display: none;
}
.nav-open.custom-background .sidebar:before {
opacity: 0.7;
}
.sidebar-layout-4 .toggle-buttons {
display: none;
}
.nav-open .site-header,
.nav-open .site-info {
opacity: 0;
visibility: hidden;
}
.top-nav .nav-menu {
display: block !important;
}
.sticky-nav .top-nav {
position: fixed;
top: 0;
left: 40%;
right: 0;
z-index: 20;
}
.sidebar-right.sticky-nav .top-nav {
left: 0;
right: 40%;
}
.page-template-full-width-page.sticky-nav .top-nav,
.page-template-full-width-page.sidebar-right.sticky-nav .top-nav {
left: 0;
right: 0;
}
.sticky-nav.admin-bar .top-nav {
top: 32px;
}
.sticky-nav .site-content {
padding-top: 5.928571em;
}
}
@media (max-width: 991px) {
.site {
overflow: hidden;
}
.wrapper {
position: relative;
z-index: 10;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav-open .wrapper {
-webkit-transform: translateX(400px);
transform: translateX(400px); 
}
.off-canvas-nav {
display: flex;
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 400px;
background: #222;
z-index: 0;
overflow-y: auto;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.3s;
transition: visibility 0s linear 0.3s;
}
.nav-open .off-canvas-nav {
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.off-canvas-nav .nav-menu {
padding: 60px;
}
.sidebar-right .site-content {
margin-right: 0;
}
.sidebar .sidebar-nav,
.visible-nav {
display: none;
}
.sidebar {
position: relative;
top: 0;
width: 100%;
}
.sidebar-inner {
display: block;
height: auto;
padding: 5% 7%;
}
.admin-bar .sidebar {
top: 0;
}
.site-header {
display: block;
margin: 3em 0;
}
.top-nav-toggle {
display: block;
padding: 2.272727em 0;
border-bottom: 1px solid #f2f2f2;
color: #333;
}
.top-nav-toggle:hover {
color: #a9874a;
}
.top-nav {
padding: 0;
border: none;
}
.top-nav .nav-menu {
position: static;
background: #fff;
text-align: left;
z-index: 50;
box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.08);
display: none;
}
.top-nav .nav-menu li {
border-bottom: 1px solid #f2f2f2; 
}
.top-nav .nav-menu li:last-child{
border-bottom: none;
}
.top-nav .nav-menu > li > a,
.top-nav .nav-menu .sub-menu > li > a {
display: block;
padding: 1.363636em 2.727272em;
color: #333;
}
.top-nav .nav-menu > li > a:hover,
.top-nav .nav-menu .sub-menu > li > a:hover {
color: rgba(0,0,0,0.5);
}
.top-nav .nav-menu a > span {
position: relative;
padding-left: 15px;
}
.top-nav .nav-menu a > span:before {
content:'';
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
width: 4px;
height: 4px;
background: #ddd;
border-radius: 100%;
}
.top-nav .nav-menu > li {
display: block;
}
.top-nav .nav-menu > li > a:after {
display: none;
}
.top-nav .nav-menu .sub-menu {
width: auto;
padding: 0;
position: static;
visibility: visible;
opacity: 1;
border-top: 1px solid #f2f2f2;
background: #fff;
margin: 0;
}
.top-nav .nav-menu .sub-menu > li .sub-menu {
margin: 0;
}
.top-nav .nav-menu .sub-menu li a {
padding-left: 4.090909em;
}
.top-nav .nav-menu .sub-menu .sub-menu a {
padding-left: 5.909090em;
}
.top-nav .nav-menu .sub-menu .sub-menu .sub-menu a {
padding-left: 7.727272em;
}
.top-nav .nav-menu .sub-menu .sub-menu .sub-menu .sub-menu a {
padding-left: 9.545454em;
}
.sticky-nav .site-content {
padding-top: 0 !important;
}
.site-content {
margin-left: 0;
}
.flex-row {
margin-left: -20px;
margin-right: -20px;
}
.flex-row .flex-item {
padding-left: 20px;
padding-right: 20px;
}
.flex-3c {
margin-left: -15px;
margin-right: -15px;   
}
.flex-3c .flex-item {
padding-left: 15px;
padding-right: 15px;
}
.posts-grid .hentry {
margin-bottom: 50px;
}
.posts-grid .has-post-thumbnail .sticky-badge {
left: 20px;
}
.portfolio-grid .portfolio-post {     
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
html {
font-size: 12px;
}
.admin-bar .off-canvas-nav {
top: 46px;
}
.flex-row {
display: block;
margin-left: 0;
margin-right: 0;
}
.flex-row .flex-item {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.entry-more,
.entry-more .more-wrap, 
.entry-more .share-buttons {
display: block;
}
.entry-more .more-wrap + .share-buttons {
margin-top: 1.8em;
}
.entry-more .share-buttons {
text-align: left;
}
.related-post:after {
content: '';
display: table;
clear: both;
}
.related-post + .related-post {
margin-top: 1.6666666em;
}
.related-post .post-thumbnail {
width: 8rem;
float: left;
margin: 0;
}
.has-post-thumbnail .related-post-content {
margin-left: 9.5rem;
}
.list-item-row {
margin: 0;
}
.list-item .post-thumbnail,
.list-item-content {
padding: 0;
float: none;
width: 100%;
}
.has-post-thumbnail .list-item-content {
width: 100%;
}
.post-navigation .nav-previous, 
.post-navigation .nav-next, 
.comment-navigation .nav-previous,
.comment-navigation .nav-next, 
.image-navigation .nav-previous,
.image-navigation .nav-next {
float: none;
text-align: left;
width: 100%;
}
.post-navigation .nav-previous + .nav-next {
margin-top: 1.8em;
}
.comment-list .children {
margin-left: 2em;
}
.comment-footer,
.comment-footer .comment-metadata,
.comment-footer .reply {
display: block;
}
.comment-footer .comment-metadata,
.comment-footer .reply {
text-align: right;
}
.comment-footer .reply {
margin-top: 5px;
}
.widget-areas {
margin-left: 0;
margin-right: 0;
}
.widget-area {
float: none;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.widget-area + .widget-area {
margin-top: 2.5em;
}
.posts-grid .hentry {
margin-bottom: 40px;
}
.posts-grid .has-post-thumbnail .sticky-badge {
left: 0;
}
.portfolio-grid .portfolio-post {     
margin-bottom: 30px;
}
.last-0 > :last-child {
margin-bottom: 0;
}
.gallery .gallery-item {
padding-left: 6px;
padding-right: 6px;
margin-bottom: 15px;
}
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
flex-basis: 33.3333333333%;
max-width: 33.333333333%;
}
.gallery .masonry-gallery {
margin-left: -5px;
margin-right: -5px;
}
.gallery .masonry-gallery .gallery-item {
padding-left: 5px;
padding-right: 5px;
}
.gallery-columns-4 .masonry-gallery .gallery-item,
.gallery-columns-5 .masonry-gallery .gallery-item,
.gallery-columns-6 .masonry-gallery .gallery-item,
.gallery-columns-7 .masonry-gallery .gallery-item,
.gallery-columns-8 .masonry-gallery .gallery-item,
.gallery-columns-9 .masonry-gallery .gallery-item {
max-width: 33.33333333333%;
}
.owl-carousel .owl-nav .owl-prev {
left: 15px;
}
.owl-carousel .owl-nav .owl-next {
right: 15px;
}
.wdb-newsletter-form input {
width: 100%;
}
.wdb-newsletter-form input + input {
margin-top: 1rem;
}
}
@media (min-width: 768px) {
.list-item .post-thumbnail {
margin: 0;
}
.last-0 > :nth-last-child(2),
.last-0 > :nth-last-child(1) {
margin-bottom: 0;
}
.flex-3c.last-0 > :nth-last-child(3) {
margin-bottom: 0;
}
}
@media (max-width: 480px) {
.nav-open .wrapper {
-webkit-transform: translateX(100%);
transform: translateX(100%); 
}
.off-canvas-nav {
width: 100%;
}
blockquote {
margin-left: 0;
margin-right: 0;
}
.navigation,
.inner-box  {
padding-left: 3rem;
padding-right: 3rem;
}
.author-info .author-avatar {
float: none;
margin-bottom: 2em;
}
.has-avatar .author-description {
margin-left: 0;
}
}