/*
Theme Name: Pinch of Salt
Theme URI:
Description: Bootstrap WordPress Template
Author: Kobathemes
Author URI:
Version: 2.1
Tags: Premade WordPress Theme
Copyright (C) 2023 Kobathemes
License: GNU General Public License, version 3 (GPLv3)
License URI: license.txt
License: Bootstrap is released under the MIT license and is copyright 2014 Twitter
License URI: https://github.com/twbs/bootstrap/blob/master/LICENSE
*/
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Caveat');
@import url('https://fonts.googleapis.com/css?family=Bentham');
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&subset=latin-ext');
@font-face {
font-family: Thankfully;
src: url(fonts/Thankfully.ttf);
}
/****************************************/
/* General
/****************************************/
body {
line-height: 30px!important;
font-size: 14px !important;
font-weight: 300;
}
.post_excerpt p, .first_post_content p {
line-height: 30px !important;
font-weight: 300;
font-size: 15px;
margin: auto;
letter-spacing: 1px;
padding: 0px 0px 20px 0px;
max-width: 650px;
}
.row {
margin-left: 0px;
padding-top: 30px;
width: 90%;
margin: 0 auto;
}
.container{
height: 100%;
width: 100%;
}
.span8 {
width: 66%;
margin: 0 auto;
float: left;
}
.span8#page_sidebar_layout h1{
font-weight:400!important;
}
.span8 img{
vertical-align: middle;
width: 100%;
height: auto;
margin: 0 auto;
display: -webkit-box;
margin-bottom: 10px;
}
.span12 img {margin-bottom: 10px;}
.span4 {
width: 26% !important;
text-align: center;
position: relative;
line-height: 40px;
font-weight: 100;
letter-spacing: 1px;
margin-left: 4%;
}
.span4 svg {
padding: 5px;
}
.span4 ul {
margin: auto;
}
.span12 ul {
margin: auto;
}
.span4 li {
list-style: none;
}
.span12 {
max-width:1250px;
width:100%;
margin: auto;
float: none;
}
.span12 li {margin-left: 30px;}
blockquote {margin: 30px 0px 22px;}
blockquote p {font-size: 14px;}
li {
line-height: 30px;
}
h5 {
font-size: 20px;
line-height: 24px;
font-weight: 600;
}
h1{
text-align: center;
margin-top: 0px;
font: normal normal 24px Montserrat;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
}
h6 {font-size: 15px;}
h3 {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 22px;
line-height: 35px;
}
.span12#post_fullwidth_layout h3 {
position: relative;
z-index: 1;
overflow: hidden;
margin-top: 1em;
margin-bottom: 0.5em;
}
.siteorigin-widget-tinymce.textwidget .shopthepost-widget {
border: 1px solid #91ae92;
border-top: none;
padding-bottom: 30px;
padding-top: 30px;
margin-top: -35px;
}
#commentcount h3:after {
display: inline-block;
margin: 0px;
height: inherit;
content: inherit;
text-shadow: none;
background-color: none;
width: inherit;
}
#commentcount h3:before {
display: inline-block;
margin: 0px;
height: inherit;
content: inherit;
text-shadow: none;
background-color: none;
width: inherit;
}
#commentcount h3:after {
display: inline-block;
margin: 0px;
height: inherit;
content: inherit;
text-shadow: none;
background-color: none;
width: inherit;
}
#commentcount h3:before {
display: inline-block;
margin: 0px;
height: inherit;
content: inherit;
text-shadow: none;
background-color: none;
width: inherit;
}
#commentcount h3 {
line-height: inherit;
text-align: left;
margin-bottom:14px;
}
div#grid_layout h1 {
font-weight: 200;
}
h3.widget-heading {
text-align: center;
font-size: 19px !important;
}
h3.widget-title {font-size: 19px !important;}
.swipedown {
text-align: center;
max-width: 140px;
margin: 0 auto;
letter-spacing: 2px;
position: relative;
margin-top: -6em;
z-index: 1000001 !important;
padding-bottom: 2em;
color: #fff;
}
p{
line-height: 30px !important;
font-weight: 300;
font-size: 14px;
margin: auto;
letter-spacing: 1px;
padding: 0px 0px 20px 0px;
}
.latest-post h1 {
position: relative;
top: -150px;
font-size: 18px;
letter-spacing: 1px;
border: none;
line-height: 18px;
height: 0px;
font-family: 'Playfair Display SC', serif;
color: #ffffff !important;
margin-top: 10px;
}
a.more-link {
display: block;
text-align: center;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 16px;
width:100%;
padding-top: 8px;
padding-bottom: 8px;
font-family: 'Playfair Display SC', sans-serif;
background: #000000;
margin-top: 15px;
}
a.more-link:hover {
background: #c9c9c9;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
hr{
margin: 10px 0;
border: none;
}
select {
color:#111;
border-color:#000;
border-radius: 0px;
-webkit-appearance: none;
background-color: #fff;
font-size: 11px;
letter-spacing: 1px;
font-weight: normal;
text-decoration: none;
padding: 4px;
text-transform: uppercase;
width: 100%;
}
option:hover {
color: #777;
background-color: #f6f4f4;
}
textarea {
max-width:500px;
width:100% !Important;
border-radius:0px;
}
label.screen-reader-text{
display:none !Important;
}
label {
text-transform: capitalize;
line-height: 20px!important;
letter-spacing: 1.5px;
margin-bottom: 0px;
font-size: 12px;
}
input[type="text"], input#billing_phone, input#billing_email {
display: inline-block;
height: 32px;
border: none;
padding: 4px 6px;
margin-bottom: 6px;
line-height: 20px;
color: #555555;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
width: 100%;
box-shadow: none;
font: normal normal 13px Quicksand;
}
input[type="text"] {background-color: transparent !important;}
i:hover{
color: #777;
}
.cat-item {
list-style: none;
background: #fff;
text-transform: uppercase;
padding: 5px;
margin-bottom: 3px;
letter-spacing: 2px;
text-align: center;
font-size: 11px;
border: 1px solid #000;
}
.cat-item a {
color: #000;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 3px;
text-align: center;
font-weight: bold;
}
#date {
text-align: center;
color: #000000;
border-top: 1px solid #000000;
font: 200 normal 15px Raleway;
padding-top: 5px;
}
em {
font-style: normal !important;
}
.empty_div {
height: 100px;
}
.inline > li {
display: inline-block;
padding-left: 0.1em;
padding-right: 0.5em;
}
#commentcount {
text-transform: none;
letter-spacing: 0px;
font-size: 13px;
font-weight: 200;
}
#commentcount a {
text-decoration: none;
text-transform: initial;
cursor: pointer;
font: 200 normal 14px Lato;
}
.comment-meta.commentmetadata {
font-size: 10px;
margin-bottom: 2em;
}
cite.fn a, cite {
font-size: 13px!important;
font-weight: 500!important;
text-transform: initial!important;
}
.reply {
border-bottom: 1px dotted #ccc;
padding-bottom: 3em;
}
.comment ul.children {
padding-top: 3em;
list-style-type: none;
}
.depth-1 {
padding-top: 3em;
}
img.avatar.avatar-32.photo {
width: auto;
float: left;
margin-right: 10px;
margin-left: 10px;
margin-top: 5px;
}
.comment-body p {
font-size: 14px;
line-height: 2em;
text-transform: initial;
}
span.says {
text-transform: initial;
font-size: 10px;
}
.comment-meta.commentmetadata {
font-size: 10px;
}
div#div-comment-2 p {
padding-top: 10px;
}
.wp-caption {
max-width: 100%;
}
.wpsnw-3x {
font-size: 14px !important;
}
/****************************************/
/* Recipes
/****************************************/
.wprm-recipe-template-compact {
margin: 30px auto;
background-color: #ffffff !important;
font-family: inherit !important;
font-size: 100% !important;
line-height: inherit !important;
color: #333333;
max-width: 750px !important;
padding: 30px !important;}
.wprm-recipe-template-compact p, .wprm-recipe-template-compact li {font-family: inherit !important;
font-size: 100% !important;
line-height: inherit !important;
margin-bottom: 0.5em !important;}
.wprm-recipe-template-compact .wprm-recipe-header {
margin-top: 2.2em !important;
margin-bottom: 1em !important;
}
/****************************************/
/* Footer
/****************************************/
.pagination {
margin-top: 3em;
margin-bottom:7em;
text-align: center;
}
.pagination ul > li > a, .pagination ul > li > span {
padding: 5px 20px 5px 20px;
background: #f7f4f3;
border: 3px solid #fff;
}
.pagination ul {box-shadow: none !important;
-webkit-box-shadow: none !important;}
#footer-instagram {
margin-top: -1px;
text-align: center;
font-style: italic;
letter-spacing: 2px;
text-transform: lowercase;
}
.textwidget .footer_social {
background-color: #fff;
color: #000;
}
.textwidget .footer_social svg {
color: #000;
}
.footer_social svg {
color: #000;
}
.footer_social svg {
color: #000 ;
padding: 5px;
font-size: 14px;
padding-top: 35px;
padding-bottom: 15px;
padding-right: 10px;
margin-bottom: -16px;
}
.footer_social a {
padding: 0em 1.7em 0em 1.7em;
}
.footer_social span {
color: #000;
font-size: 14px;
font-weight: 200;
letter-spacing: 1px;
text-transform: lowercase !important;
}
.footer_social_widget {
padding-top: 6px;
padding-bottom: 5px;
margin-top: -1px;
text-align: center;
}
.footer_social_widget a {
padding: 5px !important;
color:#000!important;
}
.footer_social_widget a svg {
font-size: 16px;
}
.footer_social {
padding-top: 8px;
padding-bottom: 25px;
margin-top: -1px;
text-align: center;
background:#f6f5ef;
}
.footer_social svg {
color: #000;
padding: 5px;
font-size: 14px;
padding-top: 25px;
padding-bottom: 15px;
}
.footer_title {
display: inline-grid;
width: 100%;
margin: auto;
text-align: center;
background: #000000!important;
margin-bottom: -10px !important;
}
.footer_title h1 {
color: #000;
text-align: center;
margin-left: 0;
margin-bottom: 10px;
margin-top: 0px;
font-family: 'Cormorant Garamond', serif;
font-size: 50px!important;
border-top: 3px solid #fff;
padding-top: 10px;
line-height: 40px;
font-weight: 200 !important;
text-transform: uppercase!important;
letter-spacing: 1px;
}
/****************************************/
/* Pagination
/****************************************/
#older {
text-align: center;
}
#newer {
text-align: center;
}
#newer, #older {
margin-top: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
}
#newer a, #older a {
background-color: #000;
padding: 2px 8px 2px 8px;
letter-spacing: 3px;
font-size: 11px;
color: #fff;
font-family: Quicksand;
font-weight: 700;
}
#newer a:hover, #older a:hover {
background: #c9c9c9;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}
.newer_older {
display: grid;
position: relative;
width: 100%;
margin-top: 11px;
}
/****************************************/
/* Social
/****************************************/
#social LI {
background: #000;
padding: 10 0 10 8;
list-style-type: none;
width: 210px;
font-family: 'Allura', cursive;
display: inline-block;
}
#social {
color: #fff;
text-transform: lowercase;
font-size: 11px;
text-decoration: none;
font-family: 'Allura', cursive !important;
position: fixed;
top: 8px;
right: 10px;
z-index: 1100 !important;
overflow: visible;
}
#social a {
color: #fff;
}
.promo-area img {
margin-bottom: 15px;
}
.promomore {
width: 100%;
margin: auto;
text-align: center;
margin-top: -40px !important;
}
.promomore a {
background: #91ae92;
width: 90px;
padding: 9px;
color: #fff;
font-size: 10px;
margin: 0 auto;
z-index: 10000;
border: 1px solid #91ae92;
letter-spacing: 2px;
}
.promomore a:hover {
background: #000;
border: 1px solid #000;
-o-transition: .25s;
-ms-transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
transition: .25s;
}
#social li:hover {
text-decoration: none;
opacity: 0.8;
text-decoration: none;
color: #000;
}
#social li a:hover {
text-decoration: none;
}
a {
color:inherit;
}
.post_title a {
color: #000;
position: relative;
}
.post_title a:hover {
color:#d6d6d6;
text-decoration:none;
}
.post_title {
max-width: 650px;
margin: 0 auto;
background: #fff;
}
.post_excerpt {
margin: 0 auto;
text-align: center;
}
.full_layout_single_post .post_title a h1 {font-size: 32px !important;
margin-bottom: 0px !important;
font-weight: bold;}
.post_title a h1{
line-height: 32px;
text-transform: initial;
letter-spacing: 1.5px;
text-align: center;
color: #000000;
font: 400 normal 22px Cormorant Garamond;
margin-bottom:20px;
padding-top: 20px;
background: #fff;
padding-left: 15px;
padding-right: 15px;
}
.socialsidebar a:hover {
color: #c5c5c5;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
.socialsidebar {
z-index: 500;
text-align: center;
}
.date-header {
padding-top: 10px;
margin-bottom: -10px;
}
.socialsidebar svg {
color: #000000;
font-size: 16px !important;
padding: 15px 0px 10px 10px;
}
.socialsidebar svg:hover {
color: #c5c5c5 !important;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
.socialbuttons {
text-align: center;
margin-top: 15px;
letter-spacing: 1px;
font-style: italic;
}
#post_sidebar .socialbuttons{
margin-top: 20px;
margin-bottom: -40px;
text-align: left;
font-family: serif;
font-style: italic;
letter-spacing: 1px;
}
.socialbuttons svg {
font-size: 15px;
padding: 10px 8px 10px 8px;
background: #ffffff;
width: 20px;
}
.social svg {
font-size: 14px;
padding: 5px;
}
.social-networks {
position: fixed;
top: 12px !important;
right: 5px;
z-index: 10000;
color: #ffffff;
}
.top_social {
padding: 10px 0px;
z-index: 100000;
min-width:230px;
width:10%;
}
.top_social input[type="text"], input#billing_phone, input#billing_email {max-width: 30px;}
.top_social svg:hover, .footer_social a svg:hover, .top_social i:hover {
color:#000!important;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.footer_social_widget a:hover{
color:#dedede!important;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.top_social svg, .top_social i {
padding: 15px 0px 0px 10px;
font-size: 12px!important;
color:#000;
}
/****************************************/
/*Thumbnail*/
/****************************************/
#recent {
margin-bottom: 0px;
width:100%;
text-align: center;
font-size: 22px;
font-family: 'Playfair Display SC', serif;
text-transform: uppercase;
border-bottom: 1px solid #000000 !important;
letter-spacing: 1px;
height: 34px;
}
.blog{
width: 85%;
text-align: center;
margin: 0 auto;
}
.latest-posts{
margin-top: 2%;
}
.latest-posts p{
display:none;
}
.latest-post h1 {
position: relative;
top: -140px;
font-size: 18px;
letter-spacing: 1px;
border: none;
line-height: 0px;
height: 0px;
font-family: 'Playfair Display SC', serif;
color: #ffffff !important;
margin-top: 10px;
}
.latest-post h1:hover {
color: #ffffff;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
.latest-post img {
height: 258px !important;
}
.title a {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px !important;
background: #ffffff;
color: #000 !important;
}
.title {
margin-top: -30px;
background-color: #fff;
z-index: 100000 !important;
overflow: auto;
height: 30px;
padding-bottom: 20px;
opacity: 0.8;
padding-top: 8px;
}
.stp-outer {
max-width: 100% !important;
}
/* Quote */
.quote {
text-align: center;
padding-top: 8em;
padding-bottom: 8em;
margin-bottom:2em;
margin-top: 5em;
background: #f6f5f1;
}
.quote h2 {
font-weight: 100;
font-style: italic;
letter-spacing: 1px;
width: 95%;
font-size: 26px;
line-height: 44px;
margin: 0 auto;
font-family: 'Playfair Display', serif !important;
color:#000000;
font-weight: 100;
font-style: italic;
letter-spacing: 1px;
}
.quote h2 p{
font-weight: 100;
font-style: italic;
letter-spacing: 1px;
line-height: 44px !important;
width: 95%;
font-size: 27px;
margin: 0 auto;
font-family: 'Playfair Display', serif !important;
color:#000000;
font-weight: 100;
font-style: italic;
letter-spacing: 1px;
}
.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {background: #f7f4f3;}
.pagination ul > .active > a, .pagination ul > .active > span {color: #000;}
.morequote {
letter-spacing: 2px;
padding: 0px 5px 8px 5px;
width: 150px;
margin: 0 auto;
font: normal 10px Lato, sans-serif !important;
color: #000;
border-bottom: 1px solid #000 !important;
margin-top: 3em;
}
/* Header Image */
.course img {
margin: 0 auto !important;
width: 100%;
height: auto !important;
margin-top: 5em;
}
div#accept_paypal_payment_form {
width: 250px;
}
.shopsense-widget {
background: #fff;
margin-bottom: 10px;
}
.course {display: flex !important;}
.course {
padding-top: 0px;
position: relative;
width: 100%;
height: 850px;
}
.header-item{
display: block;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
height: 40em;
background-attachment: fixed;
}
.header-item2{
display: block;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
height: 45em;
background-attachment: fixed;
margin-bottom:4em;
}
.header-item3{
display: block;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
height: 35em;
background-attachment: fixed;
}
.header-item2 .header-overlay {bottom: 9em;}
.header-buttons {
display: flex;
max-width: 33%;
margin: 0 auto;
margin-top: 10px;
}
.header-item3 .header-overlay {
bottom: 0em;
height: 23em;
}
.header-buttons p {
width: 48% !important;
}
a.header-link {
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 999999;
display: block;
}
.header-overlay {
width: 100%;
margin: auto;
position: absolute;
padding-top: 12em;
vertical-align: middle;
height: 28em;
}
.header-overlay:hover {
background-color: rgba(255, 255, 255, 0.4);
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.header-overlay2 {
width: 100%;
margin: auto;
position: absolute;
padding-top: 11em;
vertical-align: middle;
height: 34em;
}
.header-overlay3 {
width: 100%;
margin: auto;
position: absolute;
padding-top: 11em;
vertical-align: middle;
height: 24em;
}
.header-overlay3:hover {
background-color: rgba(255, 255, 255, 0.4);
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.header-overlay h2 {
text-align: center;
margin: auto;
max-width: 559px;
min-width: 559px;
width: 60%;
background-color: none !important;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
letter-spacing: 2px;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 21px;
color: #000000;
padding-left: 20px;
}
.header-overlay h1 {
text-align: center;
margin: auto;
font-size: 54px !important;
line-height: 60px;
background-color: none !important;
max-width: 560px;
width: 60%;
padding: 0px 20px 45px 20px;
letter-spacing: 1px;
color: #000000;
margin-top: -5px;
font-weight: 200;
}
.header-overlay p {
max-width:250px;
width: 15%;
text-align: center;
margin: auto;
margin-top: -25px;
background-color:#ffffff;
color: #000000;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
letter-spacing: 2px;
padding-top: 11px;
padding-bottom: 12px;
}
.header-overlay2 h2 p {
text-align: center;
margin: auto;
max-width: 559px;
min-width: 559px;
width: 60%;
background-color: none !important;
font-size: 16px;
font-weight: 300;
letter-spacing: 2px;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 21px;
color: #ffffff;
padding-left: 20px;
line-height:30px!important;
}
.header-overlay2 h1 {
text-align: center;
margin: auto;
font-size: 68px !important;
line-height: 70px;
background-color: none !important;
max-width: 560px;
width: 60%;
padding: 0px 20px 10px 20px;
letter-spacing: 1px;
color: #ffffff;
margin-top: -5px;
font-weight: 200;
font-weight: bold !important;
}
h2, h3, h4 {font-weight: 300;}
.header-overlay3 h2 {
text-align: center;
margin: auto;
max-width: 559px;
min-width: 559px;
width: 60%;
background-color: none !important;
text-transform: capitalize;
font-size: 14px;
font-weight: 400;
letter-spacing: 2px;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 21px;
color: #000000;
padding-left: 20px;
}
.header-overlay3 h1 {
text-align: center;
margin: auto;
font-size: 64px;
line-height: 70px;
background-color: none !important;
max-width: 700px;
width: 100%;
padding: 0px 20px 45px 20px;
letter-spacing: 1px;
color: #ffffff;
margin-top: -5px;
font-weight: 600;
}
.header-overlay3 p {
max-width:250px;
width: 15%;
text-align: center;
margin: auto;
margin-top: -30px;
background-color:#e0e8e9;
color: #000000;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
letter-spacing: 2px;
padding-top: 12px;
padding-bottom: 12px;
}
.header-overlay3 p:hover{
background: #000!important;
color: #fff!important;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
text-decoration: none;
}
/****************************************/
/*Blog Content*/
/****************************************/
.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-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 {
padding-right: 3px;
padding-left: 3px;
padding-bottom: 8px;
width: 35%;
display: -webkit-inline-box;
}
.blog img {
width: 99%;
height: auto;
}
.blog img:hover {
/* hiver that makes shadow bellow img*/
background: #f7f7f7;
border-color: #fff;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
box-shadow: 0 45px 60px -50px #000000;
opacity: 0.7;
}
.blog-content{
width:90%;
border-top: 5px solid #fff;
margin: auto;
}
.post-footer {
padding-bottom: 40px;
margin-top: -10px;
}
/****************************************/
/* Header Title
/****************************************/
.nav-title {
width: 80%;
display: block;
letter-spacing:0px;
font-weight: 200;
text-align: center;
margin: auto;
}
.nav-title img {
max-width: 90%;
}
a.navigacija {
text-decoration: none;
cursor: pointer;
}
.nav-title a {
font: normal normal 80px 'thankfully';
color: #000;
position: relative;
text-shadow: 0 0 0 rgba(0, 0, 0, .2);
top: 15px;
}
.nav-title a:hover {
text-decoration:none;
color:#000;
}
/****************************************/
/* Meta Slider
/****************************************/
.metaslider .caption-wrap {
opacity: 1 !important;
position: absolute;
bottom: 47% !important;
left: 0;
background: none !important;
color: white;
margin: 0;
display: block;
width: 100%;
line-height: 1.4em;
text-align: center;
font-weight: 100;
letter-spacing: 8px;
font-size: 24px !important;
font-family: 'Playfair Display SC', sans-serif;
}
#owl-example svg{
font-size: 35px;
padding: 20px;
color:#fff;
}
/****************************************/
/*Contact Form
/****************************************/
.wpcf7 input {
width:252px;
height:30px;
}
div.wpcf7 {
overflow:hidden;
margin-top:40px;
}
.wpcf7 input, .wpcf7 textarea {
padding: 5px;
border: 1px solid #ccc;
margin-right: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #000;
font-size: 12px;
margin-top: 6px;
}
.wpcf7 textarea {
width:95% !important;
}
.wpcf7 .wpcf7-submit {
-moz-border-radius: 0px;
border-radius: 0px;
color: #000;
transition: .3s;
display: block;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
text-align: center;
font-weight: 400;
background: #f6f5f2;
/* border: 1px solid; */
padding: 15px;
width: 150px;
position: relative;
float: left;
height:auto;
}
div.wpcf7 img.ajax-loader {
border: none;
vertical-align: middle;
margin-left: 4px;
display: none;
}
input[type="submit"] {
position: relative;
padding: 5px;
font-size: 11px;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
width: 150px;
padding-top: 15px;
padding-bottom: 13px;
background: #f6f5f2;
color: #000;
border: none;
}
input[type="submit"]:hover {
background: #000;
color: #fff;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
/****************************************/
/*Latests posts
/****************************************/
.latests-post{
width: 49%;
display: inline-block;
margin-bottom: -5px;
margin-top: -20px;
}
.other_posts {
margin-top: 22px;
margin-left: -1%;
width: 102%;
}
/****************************************/
/* Gallery layout
/****************************************/
#gallery-1 .gallery-item {width: 32% !important;
margin-left: 13px;}
#gallery-1 img {border: none !important;
margin-bottom: -15px;}
/****************************************/
/* Grid layout
/****************************************/
.grid_items {
display: block;
width: 31%;
margin-top: 3em;
margin-left: 1%;
margin-right: 1%;
float: left;
}
.grid_items h1 {
font-weight: bold !important;
}
#grid_layout p {
letter-spacing: 0px;
}
#grid_layout .cat {
padding: 5px;
margin: 0 auto;
margin-top: -50px;
text-align: center;
text-transform: lowercase;
letter-spacing: 0px;
font-style: italic;
width: 130px;
padding-top: 12px;
padding-bottom: 10px;
font-weight: 100;
color: #000;
background: #e4e9e3;
position:relative;
z-index: 999999;
font-family: serif !important;
font-size: 14px !important;
}
#grid_layout .promo-link {
position: relative;
height:auto;
width: 100%;
top: 0;
left: 0;
z-index: 999999;
display: flex;
}
#grid_layout .promo-overlay {
height: 330px;
display: block;
vertical-align: middle;
text-align: center;
width: 90%;
margin: 0 auto;
}
#grid_layout .promo-item{
display: table;
width: 100%;
margin-bottom: 22px;
float: left;
height: 500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border: none;
}
div#grid_layout .promo-item {
margin-right: 0px;
}
div#grid_layout {
margin-top: 5em;
}
.promo-link {
position: absolute;
height:auto;
width: 100%;
top: 0;
left: 0;
z-index: 999999;
display: block;
}
.promo-linkcat {
position: inherit;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 999999;
display: block;
}
.promo-item{
display: table;
width: 100%;
margin-bottom: 22px;
float: left;
height: 450px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border: 1px solid #dfe4d9;
margin-right: 25px;
}
.promo-itemcat {
display: table;
width: 32.3%;
margin-left: 0.5%;
margin-right: 0.5%;
margin-bottom: 10px;
float: left;
height: 450px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0,0,0,0.1);
}
.promo-overlay {
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
div#category_layout .newer_older {padding-top: 30px;}
.categorypage .row.full_cat_row div#grid_layout {
margin-top: 2em;
}
.promo-overlaycat {
height: auto;
text-align: center;
position: relative;
width: 100%;
z-index: 101;
overflow: hidden;
display: block;
background: rgba(255, 255, 255, 0.7);
color: #000;
letter-spacing: 1px;
opacity: 0;
height: 450px;
}
.promo-overlaycat:hover{
opacity: 1;
text-decoration: none;
color: #000000;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.promo-overlay h4 {
color: #000;
line-height: 1.5em;
padding: 12px 0px 12px 0px;
font-size: 28px;
text-transform: none;
letter-spacing: 1px;
background: rgba(255, 255, 255, 0.79);
display: inline-block;
max-width: 60%;
font-weight: 200;
}
.promo-overlay h1 {
letter-spacing: 0px;
max-width: 100%;
margin: auto;
text-align: center;
padding-top: 20px;
padding-bottom: 15px;
font-weight: 600;
margin: 0 !important;
}
h1 {
font-size: 28px;
line-height:32px;
text-transform: none;
}
.row.full_cat_row h1 {
margin-top: 1.5em;
margin-bottom: -1em;
text-transform: capitalize;
font-weight: 600;
}
div#page_fullwidth_layout h1 {
margin-top: 0em;
margin-bottom: 1em;
font-weight:bold;
}
.promo-overlay h1:hover{
color: #000;
text-shadow:none;
}
.items-promo {
width: 100%;
margin: auto;
}
/****************************************/
/* Front Page Full Layout
/****************************************/
.row.full_page_row {
max-width: 100%;
margin-left: 0px;
padding-top: 0px;
width: 100%;
margin: 0 auto;
}
.row.full_cat_row {
margin-left: 0px;
padding-top: 0px;
width: 100%;
margin: 0 auto;
max-width: 100%;
}
.span12#front_page_full_layout {
max-width:100%;
width: 100%;
margin: auto;
margin-top:22px;
float: none;
}
.front-full-date{
font: 200 normal 15px Raleway;
text-align: center;
padding-bottom: 10px;
}
/****************************************/
/* Front Page Sidebar Layout
/****************************************/
.sidebar_page_row {
max-width: 1180px;
width: 100%;
margin: auto;
}
.row#sidebar_layout_row {
margin-left: 0px;
padding-top: 30px;
width: 90%;
margin: 0 auto;
}
.span8#sidebar_layout {
width: 69%;
margin: 0 auto;
}
#sidebar_layout .post-footer {
padding-bottom: 40px;
margin-top: -10px;
}
#sidebar_layout .post-footer .socialbuttons {
margin-left: -13px;
float: right;
}
#sidebar_layout .post-footer #commentcount {
padding-top: 5px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
font-weight: 200;
margin-top: -20px;
}
#sidebar_layout .post-footer #recent {
margin-bottom: 0px;
width: 100%;
text-align: center;
font-size: 22px;
font-family: 'Playfair Display SC', serif;
text-transform: uppercase;
border-bottom: 1px solid #000000 !important;
letter-spacing: 1px;
height: 34px;
}
.promo-item.sidebar-promo-item .promo-overlay {
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.promo-item.sidebar-promo-item .promo-overlay h1 {
color: #fff;
line-height: 1.5em;
padding: 12px 16px 12px 16px;
font-size: 22px;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
max-width: 85%;
font-weight: 400;
}
.front-sidebar-date{
font: 200 normal 15px Raleway;
text-align: center;
padding-bottom: 10px;
}
/****************************************/
/* Post with Sidebar Layout
/****************************************/
.row#post_sidebar_row {
max-width:1180px;
padding-top: 30px;
width: 100%;
margin: 0 auto;
}
.span8#post_sidebar {
width: 66%;
margin: 0 auto;
}
.span8#post_sidebar .full_page_comments #commentcount {
padding-top: 5px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
font-weight: 200;
}
.row#post_sidebar_row .span4{
width:29%;
}
.span8#post_sidebar .full_page_comments .socialbuttons {
margin-left: -13px;
margin-top: -2em;
float: right;
}
.post_data_sidebar {
font: 200 normal 15px Raleway;
text-align: center;
padding-bottom: 0px;
}
/****************************************/
/* FullWidth Post Layout
/****************************************/
.row.fullwidth_post_row{
max-width:1000px;
width: 100%;
margin-left: 0px;
margin: 0 auto;
}
.span12#post_fullwidth_layout {
max-width: inherit;
width: inherit;
margin: auto;
float: none;
}
.span12#post_fullwidth_layout .location_empty {
display: none;
height: 0px;
}
.post_data_full {
font: 200 normal 15px Raleway;
text-align: center;
padding-bottom: 6px;
}
span.post-date {
background: #fff;
position: relative;
z-index: 5;
width: 100%;
float: left;
text-align: center;
color: #000;
font-size: 11px;
letter-spacing: 1px;
padding-top: 0px;
margin-bottom:5px;
}
.post-date:before {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: 1;
margin-top: -1px;
border-top: 1px solid #000;
}
.post-date:before {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: 1;
}
.span12#post_fullwidth_layout .date {margin-top: 4em;}
.fullwidth_post_row h1 {
letter-spacing: 1px;
font-size: 36px !important;
font-weight:bold;
margin-bottom: 1em;
}
/****************************************/
/* Page with Sidebar Layout
/****************************************/
.row.page_sidebar_row {
max-width:1180px;
margin-left: 0px;
padding-top: 2em;
width: 100%;
margin: 0 auto;
}
.span4 h3 {
font-size: 12px;
border-top: 1px solid;
border-bottom: 1px solid;
margin-bottom: 20px;
margin-top: 30px;
line-height: 40px;
}
.span8#page_sidebar_layout {
width: 70%;
margin: 0 auto;
}
.post_data_sidebar {
font: 200 normal 15px Raleway;
text-align: center;
padding-bottom: 0px;
}
/****************************************/
/* FullWidth Page Layout
/****************************************/
.row.fullwidth_page_row{
max-width:1000px;
margin-left: 0px;
padding-top: 2em !important;
width: 100%;
margin: 0 auto;
margin-bottom: 4em;
}
.span12#page_fullwidth_layout {
max-width: 1000px;
width: 100%;
margin: auto;
float: none;
}
/****************************************/
/* Menu
/****************************************/
.slicknav_menu {
display:none;
}
#menu-wrapper .menu {
float: none;
margin: 0px 0px 0px 8px;
}
#menu-wrapper .menu li {
display: inline-block;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
#menu-wrapper .menu li a {
color: #313131;
text-transform: uppercase;
display: block;
-o-transition: .25s;
-ms-transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
transition: .25s;
padding-top: 24px;
font: normal normal 12px Lato !important;
font-weight: 600!important;
letter-spacing: 2px;
line-height: 30px;
}
#menu-wrapper .menu li a:hover {
color:#000;
text-decoration:none!important;
}
#menu-wrapper .menu > li.menu-item-has-children > a:after{
color:#000;
-o-transition: 2.5s;
-ms-transition: 2.5s;
-moz-transition: 2.5s;
-webkit-transition: 2.5s;
transition: 2.5s;
}
.promo-itemfront:hover h4 {
font-size: 38px !important;
border-bottom: 1px solid 1px solid #91ae92;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
/****************************************/
/* Slicknav CSS
/****************************************/
.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
line-height: 27px;
cursor: pointer;
height:27px;
background-color: transparent;
}
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left;
}
.slicknav_menu .slicknav_icon {
float: left;
margin: 0.188em 0 0 0.438em;
font-size:19px;
}
.slicknav_menu .slicknav_no-text {
margin: 0
}
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em
}
.slicknav_nav {
clear: both;
margin-top:45px!important;
background:#e0e4da!important;
opacity:1!important;
padding-top:0px!important;
}
.slicknav_nav ul, .slicknav_nav li {
display: block;
padding-top:10px;
padding-bottom:10px;
}
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
cursor: pointer;
}
.slicknav_nav .slicknav_row {
display: block;
}
.slicknav_nav a {
display: block;
-o-transition: .25s;
-ms-transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
transition: .25s;
text-transform: uppercase;
padding-top: 7px;
padding-bottom: 15px;
padding-right: 0px;
color: #000!important;
font: normal normal 11px Maven Pro;
text-align:center;
}
.menu-item a {
/* padding-left: 0px!important; */
}
.sub-menu {
margin-left:0px!important;
}
a.slicknav_item.slicknav_row {
padding-left: 0px!important;
}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
display: inline
}
.slicknav_menu:before, .slicknav_menu:after {
content: " ";
display: table;
}
.slicknav_menu:after {
clear: both
}
.slicknav_menu {
*zoom: 1
}
.slicknav_btn {
margin: 4px 5px 6px!important;
margin-left:0;
}
.slicknav_menu .slicknav_icon-bar {
background-color: #fff;
}
.slicknav_menu {
background:#fff;
padding:6px;
}
.slicknav_nav {
margin:0;
padding:0;
}
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow:hidden;
}
.slicknav_nav ul {
padding:0;
margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
padding:5px 10px;
margin:2px 5px;
}
.slicknav_nav a{
padding:5px 10px;
margin:2px 5px;
text-decoration:none;
color:#000;
font-size:11px;
font-weight:400;
letter-spacing:2px;
text-transform:uppercase;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding:0;
margin:0;
}
.slicknav_nav a:hover{
background:#fff;
color:#333;
}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;
}
.slicknav_menu .slicknav_no-text {
margin-top:7px;
}
.slicknav_nav {
position: inherit;
margin-top: 50px;
width:100%;
}
.slicknav_nav a:hover{
background:transparent;
}
/****************************************/
/* Menu Icon
/****************************************/
.col {
display: inline-block;
width: 40px;
text-align: center;
height: auto;
position: relative;
}
.con{
cursor: pointer;
display: inline-block;
width: auto;
margin: 0 auto;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-ms-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}
.bar {
display: block;
height: 1px;
width: 20px;
background: #000;
margin: 5px auto;
}
.middle {
margin: 0 auto;
}
.bar {
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-ms-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}
.con:hover .top {
-webkit-transform: translateY(7px) rotateZ(45deg);
-moz-transform: translateY(7px) rotateZ(45deg);
-ms-transform: translateY(7px) rotateZ(45deg);
-o-transform: translateY(7px) rotateZ(45deg);
transform: translateY(7px) rotateZ(45deg);
}
.con:hover .bottom {
-webkit-transform: translateY(-5px) rotateZ(-45deg);
-moz-transform: translateY(-5px) rotateZ(-45deg);
-ms-transform: translateY(-5px) rotateZ(-45deg);
-o-transform: translateY(-5px) rotateZ(-45deg);
transform: translateY(-5px) rotateZ(-45deg);
}
.con:hover .middle {
width: 0;
}
/****************************************/
/* Dropdown
/****************************************/
#menu-wrapper .menu .sub-menu, #menu-wrapper .menu .children {
opacity:0;
padding: 0;
padding-top: 15px;
position: absolute;
left: -4px;
z-index: 99999;
min-width: 205px;
width: 100%;
text-align: left;
border-bottom: 3px solid #ededed;
visibility: hidden;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
background:#e0e4da;
}
#menu-wrapper ul.menu ul a,
#menu-wrapper .menu ul ul a {
color: #ffff;
margin: 0;
font-size:14px;
letter-spacing:1px;
padding: 6px 10px;
min-width: 175px;
line-height:20px;
-o-transition:.25s;
-ms-transition:.25s;
-moz-transition:.25s;
-webkit-transition:.25s;
transition:.25s;
border-top:1px solid;
border-color:#333;
}
#menu-wrapper ul.menu ul li,
#menu-wrapper .menu ul ul li {
padding-right:0;
margin-right:0;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
}
ul.sub-menu li {
padding-left: 0px !important;
}
#menu-wrapper ul.menu li:hover > ul,
#menu-wrapper .menu ul li:hover > ul {
/*display: block;*/
visibility: visible;
opacity:1;
}
#menu-wrapper ul.menu ul a, #menu-wrapper .menu ul ul a {
color: #000;
margin: 0;
border-top: none;
-o-transition: .25s;
-ms-transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
transition: .25s;
text-transform: uppercase;
padding-top: 7px;
padding-bottom: 15px;
padding-left: 9px;
padding-right: 25px;
letter-spacing: 3px;
font-size: 11px;
font-family:Maven Pro;
}
.menu-item-has-children a::before{
content: "\f107";
font-family: "FontAwesome";
float: right;
padding: 0px 5px;
font-size: 15px;
}
.menu-item-has-children .sub-menu a::before{
content: "";
float: none;
padding: 1px 5px;
}
#menu-wrapper .menu .sub-menu ul,
#menu-wrapper .menu .children ul {
left: 85%;
top: -7px;
}
/****************************************/
/* top-bar
/****************************************/
.top-bar-fixed-top {
opacity: 1;
position: fixed;
width: 100%;
z-index: 10000000;
}
.top-bar-inner {
text-align: center;
width: 80%;
margin: 0 auto;
float: none;
display: block;
position: relative;
}
.top-bar {
height: 60px;
width: 100%;
opacity: 1;
-webkit-backface-visibility: hidden;
display: inline-flex;
position: relative;
-webkit-box-shadow: none !important;
box-shadow: none !important;
float: right;
background:#e0e4da;
}
.top-bar .container_top {
position: relative;
text-align: left;
display: inline-flex;
margin-top: 0px;
padding-top: 0px;
z-index: 100000;
}
.top_social span {display: none;}
/****************************************/
/* Top Search
/****************************************/
i.far.fa-search.bandymas:hover > .searchform{
opacity:1;
transition:0.8s;
}
.bandymassss:hover > .searchform{
opacity:1;
transition:0.8s;
}
i.far.fa-search.bandymas #searchform input#s, .bandymassss #searchform input#s::-webkit-input-placeholder {
color: #000;
}
i.far.fa-search.bandymas #searchform input#s, .bandymassss #searchform input#s::-moz-placeholder { /* Firefox 19+ */
color: #000;
}
i.far.fa-search.bandymas #searchform input#s, .bandymassss #searchform input#s:-ms-input-placeholder { /* IE 10+ */
color: #000;
}
i.far.fa-search.bandymas #searchform input#s, .bandymassss #searchform input#s:-moz-placeholder { /* Firefox 18- */
color: #000;
}
i.far.fa-search.bandymas, .bandymassss {
display: inline-flex;
float:right;
min-width: 230px;
width: 10%;
}
svg.svg-inline--fa.fa-search.fa-w-16.bandymas{
display: inline-grid;
margin-top:-4px;
}
.top_search {
width: 20px;
height: 40px;
padding-top: 6px;
padding-right: 0px;
text-align: center;
z-index: 100000;
}
.hover_search {
display: block;
width: 100%;
height: 100%;
float: right;
}
.just_social {
float: right;
display: block;
position: relative;
width:100%;
}
.top_search svg {
color: #fff;
float: right;
font-size: 11px;
font-weight: 100;
padding-top: 10px;
margin-right: 0px;
}
.searchform {
opacity: 1;
transition: 0.5s 0.8s;
}
.hover_search:hover > .searchform{
opacity:1;
transition:0.8s;
}
form#searchform {
margin: 0 0 5px!important;
}
.searchform input{
display: inline-block;
height: 32px;
border: none;
padding: 15px 6px;
margin-bottom: 6px;
line-height: 20px;
color: #555555;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
width: 30px;
box-shadow: none;
font: normal normal 13px Quicksand;
cursor: pointer;
}
.top_search #searchform input#s {
font-size: 14px;
font-weight: 100;
border: none !important;
width: 20px;
background: none !important;
}
.top_search #searchform input#s::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#fff;
text-align:right;
}
.top_search #searchform input#s::-moz-placeholder { /* Firefox 19+ */
color: #fff;
text-align:right;
}
.top_search #searchform input#s:-ms-input-placeholder { /* IE 10+ */
color: #fff;
text-align:right;
}
.top_search #searchform input#s:-moz-placeholder { /* Firefox 18- */
color: #fff;
text-align:right;
}
::-webkit-input-placeholder {
text-align: center;
color:#fff;
font-weight:400;
}
:-moz-placeholder { /* Firefox 18- */
text-align: center;
color:#fff;
font-weight:400;
}
::-moz-placeholder { /* Firefox 19+ */
text-align: center;
color:#fff;
font-weight:400;
}
:-ms-input-placeholder {
text-align: center;
color:#fff;
font-weight:400;
}
/****************************************/
/* Category Page
/****************************************/
div#category_layout {
width: 100%;
max-width: 1210px;
}
.promo-overlaycat .cat {
font-size: 9px;
font-style: none;
font-weight: 400;
padding-top: 0px;
margin: 0 auto;
color: #000;
margin-top: 19em;
margin-bottom: 5px;
}
div#category_layout h1 {
font-size: 18px;
letter-spacing: 1px;
padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: -5px;
}
/****************************************/
/* Archive Page
/****************************************/
.archive_list {
width: 100%;
margin: auto;
text-align: center;
}
.archive_list h3{
text-transform: uppercase;
text-align: center;
}
.archive_list ul {
margin: auto;
}
.archive_list li {
list-style: none;
}
/****************************************/
/* Slider
/****************************************/
.slider_area{
width:100%;
height: 500px;
}
.slider-item {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 500px;
}
.slider-link {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 999999;
display: block;
}
.slider-overlay {
height: 100%;
display: block;
position: relative;
vertical-align: middle;
text-align: center;
margin: auto;
margin-top: -11em;
}
.slider_area .slider-overlay {
position: static;
height: 90%;
width: 100%;
left: 0;
z-index: 999999;
display: block;
}
.slider_area .slider-overlay h4 {
padding: 30px 30px 26px 30px;
}
.slider-overlay h4 {
line-height: 1.5em;
padding: 42px 46px 42px 46px;
letter-spacing: 2px;
display: inline-block;
max-width: 87%;
font-weight: bold !important;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.3);
color: #fff;
font: 28px 'Montserrat', serif;
text-transform: initial;
text-align: left;
}
.slider-overlay h4 p {
text-transform: l;
font-size: 10px;
padding-top: 0px;
text-transform: lowercase !important;
text-transform: capitalize;
letter-spacing: 2px;
font-family: 'Playfair Display', sans-serif;
color: #fff;
font-size: 12px!important;
font-style: italic;
}
.slider-overlay h4 p a {
font-size: 10px;
padding-top: 20px;
font-style: italic;
text-transform: lowercase;
letter-spacing: 2px;
font-family:'Playfair Display', sans-serif;
color: #fff;
line-height:10px!important;
}
.post_cat p{
font-size: 10px;
padding-top: 0px;
padding-bottom:10px;
text-transform: capitalize;
letter-spacing: 2px;
font-family: 'Playfair Display', sans-serif;
color: #fff;
line-height:10px!important;
}
.owl-controls {
margin-top: -260px;
z-index: 99999;
position: relative;
}
.owl-prev {
float: left;
margin-left: 1%;
}
.owl-prev .fa.fa-angle-left {
display:block;
color: #000;
font-size: 35px;
padding: 15px;
font-size: 30px;
}
.owl-next {
float: right;
margin-right: 1%;
}
.owl-next .fa.fa-angle-right {
display:block;
color: #000;
font-size: 35px;
padding: 15px;
font-size: 30px;
}
div:empty {
display: none;
}
.owl-item {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
/****************************************/
/* Front page first post
/****************************************/
.first_page {
display:flex;
}
.first_post_content {
width: 50%;
float: left;
padding-top: 4.5em;
}
.first_page h1 {
width: 85%;
letter-spacing: 0px;
text-align: center;
font-size: 25px;
margin: auto;
position: relative;
text-decoration: none;
color: #000000;
font-weight: 100;
padding: 0px 20px 0px 20px;
margin-bottom:10px;
}
.first_post_content p{
font-family: 'Quicksand', sans-serif;
line-height: 30px;
letter-spacing: 1px;
text-align: center;
padding: 20px;
}
.first_post_button {
width: 100%;
margin: auto;
margin-top: 0px;
margin-bottom: 25px;
text-align: center;
}
a.front-more-link {
padding: 5px;
font-size: 10px;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
width: 150px;
padding-top: 18px;
padding-bottom: 15px;
font-weight: 400;
color: #000;
}
a.front-more-link:hover {
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
text-decoration:none;
}
span.front-more-button {
text-align: center;
margin: auto;
padding: 4px 8px;
border-bottom: 1px solid;
}
.shop_widget {
position: relative;
width: 93%;
margin: auto;
margin-top: 55px;
text-align: center;
}
.shop_title h1 {
text-transform: uppercase;
font-size: 14px !important;
letter-spacing: 1px;
text-align: center;
font-weight: 100;
background: #fff;
border: 1px solid #000;
padding: 5px;
width: 180px;
margin: 0 auto;
position: relative;
display: none;
}
.shop_widget .shopthepost-widget {
padding-top: 30px;
margin-top: -15px;
background: #fff;
padding-bottom: 25px;
}
.location svg {
color: #000000;
font-size: 18px;
}
.location {
text-align: center;
font-style: normal;
letter-spacing: 2px;
font-weight: 400;
text-transform: uppercase;
font-size: 10px;
width: 85%;
margin: auto;
}
.location .pin {
font-size: 14px;
}
.location_empty{
display:block!important;
}
div#post_fullwidth_layout .location{
margin-top:-50px;
}
div#post_fullwidth_layout .location_empty{
margin-top:-50px;
}
.date {
text-align: center;
line-height: 1.4;
width: 150px;
margin: 0 auto;
background-color: #fff;
z-index: 5;
position: inherit;
letter-spacing: 2px;
line-height:28px;
}
.first_post_img {
width: 50%;
float: right;
height:500px;
}
.post_thumb_full {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
#full_page_layout .post_thumb_full {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: none;
/* margin-bottom: -8em; */
}
.shopthelook {
margin-bottom: -26px;
width: 100%;
background: none;
margin: 0 auto;
margin-top:30px;
padding: 0px;
}
.shopthelook h1 {
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
color: #000;
background: #fff;
width: 32%;
margin: 0 auto;
margin-top: -20px;
margin-bottom: 15px;
font: normal normal 26px Playfair Display;
font-weight: 100;
}
.shopthelook h1:hover {
text-shadow:none;
color:#000;
}
.shopthelook .shopthepost-widget, .shopsense-widget {
margin-left: 0px;
padding-top: 35px;
width: 100%;
margin: 0 auto;
margin-top: -28px;
text-align: center;
padding-bottom:35px;
background: #f8f4f3;
}
/****************************************/
/* instafeed
/****************************************/
#footer-instagram{
display: block;
height: auto;
}
#instafeed .col-xs-3 {
width: 16.666%!important;
float: left;
padding: 0px!important;
}
#instafeed1 .col-xs-3 {
width: 50%!important;
float: left;
padding: 0px!important;
}
#instafeed {
width: 100%;
display: block;
margin: 0 auto;
padding: 0px;
line-height: 0px;
text-align: center;
vertical-align: baseline;
position:absolute;
}
#instafeed1 {
width: 100%;
display: none;
margin: 0 auto;
padding: 0px;
line-height: 0px;
text-align: center;
vertical-align: baseline;
}
#instafeed img {
width: 100%;
height: auto;
padding-bottom: 0px;
}
#instafeed1 img {
width: 100%;
height: auto;
}
#instafeed a {
padding: 0px;
margin: 0px;
display: inline-block;
position: relative;
}
#instafeed1 a {
padding: 0px;
margin: 0px;
display: inline-block;
position: relative;
}
#instafeed i {
color: #000;
margin: 0 4px 0 0;
}
#instafeed1 i {
color: #000;
margin: 0 4px 0 0;
}
#instathumb {
width: 16.666%;
float: left;
}
#instathumb1 {
width: 25%;
float: left;
}
#instathumb a {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
position: relative;
height: 250px;
width: 100%;
top: 0;
left: 0;
display: block;
}
#instathumb1 a {
float: left;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
position: relative;
height: 180px;
width: 100%;
top: 0;
left: 0;
display: block;
}
.fcdw {
width: 100%;
height: 100%;
opacity: 0;
letter-spacing: 1px;
text-align: center;
position: absolute;
font-weight: 400;
font-size: 11px;
letter-spacing: 1px;
color: #000;
line-height: 1.5;
}
.fcdw:hover {
opacity: 1;
background: rgba(255, 255, 255, 0.8);
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.fcdo {
display: table;
vertical-align: middle;
height: 100%;
width: 100%;
}
.fcdi {
display: table-cell;
vertical-align: middle;
height: 100%;
width: 100%;
}
.fcdi svg {
padding: 0px 4px;
font-size: 9px;
}
/****************************************/
/* every second
/****************************************/
.other_posts_grid_layout {
width: 100%;
}
.first_page.other_posts_grid_layout.post.odd {
display: inline-block;
margin-top: 30px;
}
.first_page.other_posts_grid_layout.post.even {
margin-top: 20px;
}
.other_posts_grid_layout_two {
margin-top: 20px;
}
.first_page.other_posts_grid_layout.post.odd .first_post_content {
width: 50%;
float: right;
left: 50%;
padding-top: 6em;
}
.first_page.other_posts_grid_layout.post.odd .first_post_img {
width: 50%;
float: left;
z-index: 99999999;
height: 500px;
}
/****************************************/
/* related posts
/****************************************/
.related-posts {
width: 100%;
margin-top: 70px;
/*height: 400px;*/
}
.post-related {
overflow: hidden;
width: 100%;
}
.post-box {
text-align: center;
}
.post-box-title {
letter-spacing: 1px;
text-transform: none;
position: relative;
letter-spacing: 1px;
font-size: 22px;
font-weight: 300;
color: #000;
margin-bottom: 25px;
line-height: 0px;
border-bottom: 1px solid #000;
}
.post-box-title:before {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: 1;
}
.post-box-title span {
background: #fff;
padding: 0 24px;
position: relative;
z-index: 5;
font-weight: 600;
}
.item-related {
width: 24%;
float: left;
margin: auto;
text-align: center;
padding-left: 0px;
padding-right: 0px;
height: 240px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 0 0.5%;
}
.item-related:hover{
-webkit-filter: grayscale(0%);
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.item-related img {
margin-bottom: 6px;
width: 100%;
height: auto;
max-height: 160px;
}
.item-related h2 {
margin-top: 12px;
font-size: 18px;
line-height: 1.5em;
font-weight: 400;
}
.item-related span.date {
font-size: 13px;
color: #999;
}
.item-related .overlay {
opacity: 0;
text-align: center;
font-size: 12px !important;
position: relative;
width: 90%;
z-index: 101;
overflow: hidden;
display: block;
background: #fff;
color: #000;
letter-spacing: 0.5px;
top: 7em;
margin: auto;
}
.item-related .overlay:hover {
opacity: 1;
background: rgba(255, 255, 255, 0.99);
transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.item-related .overlay a {
transform: none;
top: 0;
right: 0;
left: 0;
height: 200px;
-moz-transition: all 0.3s ease-out;
}
.relates-posts {
width: 100%;
margin: auto;
}
/****************************************/
/* @Additional CSS
/****************************************/
html {
margin-top: 0px !important;
}
.container {
margin-top: 0px;
}
.promo-areafront {
overflow:hidden;
margin-bottom:12px;
margin-left: 12px;
margin: 0 auto;
max-width:1220px;
margin-top: -35px;
padding-top: 35px;
border-top: 1px solid;
}
.promo-itemfront {
display: table;
width:32.5%;
float:left;
margin-right:15px;
height:500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:25px;
position:relative;
background-color: rgba(0,0,0,0.1);
}
.promo-itemfront:last-child {
margin-right:0px !important;
}
.promo-overlayfront {
height: 100%;
display: table-cell;
vertical-align: middle;
text-align:center;
background-size: cover;
}
.promo-overlayfront h4 {
color: #91ae92;
line-height: 1.5em;
font-size: 40px;
padding-top: 8em;
letter-spacing: 1px;
background: none;
display: inline-block;
max-width: 80%;
font-family: 'Cormorant Garamond', serif;
font-weight: 100;
text-transform: lowercase;
}
.promo-linkfront {
position: relative;
height: auto;
}
.wardrobe {
margin-top: 5em;
}
.shopthelook {
padding-bottom: 25px;
padding-top:5em;
}
.shopthelook h1 {
font-size: 18px !important;
width: inherit;
background: none;
letter-spacing: 1px;
text-transform: uppercase !important;
}
.shopthelook h1 span {
font-weight: 400;
font-size: 24px;
text-transform: capitalize;
position: relative;
top: 0px;
padding: 3px 87px;
z-index: 10000;
}
.wardrobe h1 span {
background: #fff;
padding-left: 30px;
padding-right: 30px;
font-weight: 100;
font-size: 22px;
letter-spacing: 1px;
}
.row.full_page_row {
margin-left: 0px;
padding-top: 0px;
width: 100%;
margin: 0 auto;
margin-top: 5px;
}
.footer_title h1 {
text-transform: none;
font-size: 45px;
font-family: 'thankfully';
}
#KBD {
text-align: left;
color: #000;
font-style: normal;
letter-spacing: 1px;
background:#f6f5ef;
font-size: 12px;
padding-left: 7em;
padding-right: 7em;
font-weight: 200;
padding-top: 15px;
padding-bottom: 10px;
margin-top:0px;
text-transform: capitalize;
}
#KBD span {
float: right;
}
#KBD a {
text-decoration: underline;
color: #000;
}
.first_post_content p {
font-weight: 100;
font-size:14px;
width: 80%;
margin: auto;
}
.first_page.other_posts_grid_layout.post.odd .first_post_content {
padding-bottom: 0%;
}
.video_view9_container {
padding: 0px;
padding-top: 20px;
display: block;
min-height: 100%;
text-align: center;
margin-bottom: 30px;
background-color: #fff !important;
box-shadow: none !important;
margin: 0 auto !important;
}
.video_view9_container {
width: 31.99% !important;
padding-left: 0.5%!important;
padding-right: 0.5%!important;
float: none;
margin: 0 auto!important;
text-align: center;
display: inline-block !important;
}
div#galery_video_view9_cont_list {
max-width: 1080px;
margin: 0 auto;
margin-top: 60px;
margin-bottom: 30px;
}
.video_view9_vid_wrapper {
height: 350px !important;
}
.video_new_view_title {
display: none;
}
#huge_it_videogallery .huge_it_big_li {
border: none !important;
border-radius: 0 !important;
}
section #huge_it_videogallery li .overLayer ul li h2, section #huge_it_videogallery li .infoLayer ul li h2 {
font-size: 18px;
color: #FFFFFF;
margin: 0 !important;
font-weight: 100;
font-family: 'Raleway', sans-serif;
line-height: 20px;
padding-top: 20px !important;
text-transform: uppercase;
}
section #huge_it_videogallery li .overLayer {
background: #000 !important;
opacity: 0.8 !important;
}
div#galery_video_view9_cont_list2 {
border-top: 1px solid #000;
margin-top: -40px;
padding-top: 20px;
}
#stp-595bf60902881 {
max-width: 95% !important;
}
.promo-area {
max-width: 1150px;
margin: 0 auto;
display:flex;
position:responsive;
margin-top: -1em;
}
.promo-area12 {
margin: 0 auto;
display:flex;
position:responsive;
margin-top: 11em;
margin-bottom: 4em;
}
.promo-area12 .promo-item12{
border: none;
display: table;
width: 23.8%;
margin-bottom: 22px;
float: left;
height: 350px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-right:0%;
margin-left:1%;
}
.promo-link12 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 999999;
display: block;
cursor:pointer;
}
.promo-overlay12 {
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.promo-overlay12 h4 {
max-width: 85%;
width: 100%;
font-style: normal;
font-weight: bold;
font-size: 38px;
font-family: Montserrat;
text-transform: none;
letter-spacing: 1px;
display: inline-block;
color: #fff;
line-height: 1.5em;
padding: 12px 0px 12px 0px;
}
.promo-area2 {
overflow: hidden;
padding-bottom: 5px;
max-width: 1150px;
width: 100%;
margin: 0 auto;
background: #fff;
padding-top: 0px;
height: 630px;
}
.promo-item2 {
display: table;
width: 32.8%;
float: left;
margin-left: 0.25%;
margin-right: 0.25%!important;
height: 480px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px;
position: relative;
background-color: rgba(0,0,0,0.1);
}
.promo-overlay2 {
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
position: absolute;
width: 100%;
margin-top: 0px;
}
.promo-overlay2 h1 {
color: #000;
line-height: 1.5em;
padding: 20px 15px 25px 15px;
font-size: 19px;
letter-spacing: 1px;
background: #fff;
font-weight: 100;
text-transform: inherit;
font-style: normal;
border: 1px solid #000;
margin-left: 0px;
font-family: 'playfairdisplayregul' !important;
margin-top: 425px;
}
.promo-overlay2 .cat {
font-size:12px;
font-weight: 300;
font-family: 'Raleway', sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
}
div#categories_front h4 {
text-align: center;
font-size: 18px;
letter-spacing: 1px;
margin-top: 30px;
font-weight: 100;
border-bottom: 1px solid #000;
line-height: 1px;
margin-bottom: 30px !important;
max-width: 1139px;
margin: 0 auto;
}
div#categories_front h4 span {
font-size: 24px;
text-transform: capitalize;
position: relative;
top: 0px;
background: #fff;
padding: 3px 87px;
z-index: 10000;
font-style: normal;
}
.promo-item2:last-child {
margin-right: 0px;
}
#youtube_section {
padding: 0px;
max-width: 1168px;
width: 92%;
margin: auto;
}
i:hover {
color: #f6f6f6 !important;
}
#youtube_section i:hover {
color: #000 !important;
-moz-transition: all 0.25s ease-out;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#youtube_section h2 {
text-align: center;
font-size: 18px;
margin: 0;
letter-spacing: 2px;
line-height: 1;
font-weight: 400;
font-size: 24px;
text-transform: capitalize;
position: relative;
top: 0px;
background: #fff;
padding: 3px 87px;
z-index: 10000;
}
.col-sm-8 {
float: left;
position: relative;
min-height: 1px;
padding-left: 0.5%;
padding-right: 0.5%;
width: 33%;
}
.play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 100px;
}
.col-sm-4 svg {
font-size: 80px;
}
#youtube_section a {
color: #fff;
position: relative;
display: block;
-moz-transition: all 0.25s ease-out;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#youtube_section a:hover{
color:#000;
}
#youtube_section img {
width: 100%;
border: 0;
max-width: 100%;
height: auto;
}
.col-sm-4 {
float: left;
width: 31.8%;
display: block;
margin-top:-10px;
padding-left: 0.1%!important;
padding-right: 0.1%!important;
}
.video_secondary a {
margin-bottom: 10px;
}
.video_secondary .yt_play {
font-size: 70px;
}
#youtube_section h2 a {
display: inline-block;
color: #000;
top: -18px;
text-align: center;
margin: 0;
letter-spacing: 2px;
line-height: 1;
font-size: 28px;
position: relative;
background: #fff;
padding: 3px 87px;
z-index: 10000;
}
.clearfix {
display: block!important;
}
.promo-areafront {
overflow: hidden;
margin-bottom: 12px;
margin-left: 12px;
margin: 0 auto;
max-width: 1100px;
margin-top: -10px;
padding-top: 35px;
}
.promo-itemfront:last-child {
margin-right: 0px;
}
.promo-itemfront {
display: table;
width: 32.5%;
float: left;
margin-right: 14px;
height: 500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px;
position: relative;
background-color: rgba(0,0,0,0.1);
}
.promo-linkfront {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 999999;
display: block;
}
.promo-overlayfront {
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
background-size: cover;
}
h3.widget-title {
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 auto;
margin-bottom: 10px;
}
h3 {
letter-spacing: 1px;
}
.shopthepost {
text-align: center;
border: 1px solid #91ae92;
padding: 30px;
}
.shopthepost h3 {
margin-top: -10px !important;
text-align: center;
letter-spacing: 1px;
}
.full_page_comments {
width: 99.2%;
margin: 0 auto;
padding-top: 0px;
display: block !important;
}
#post_sidebar_row .full_page_comments {
max-width: 1080px;
width:100%;
margin: 0 auto;
padding-top: 0px;
display: block !important;
}
a:hover {
text-decoration: none;
color:inherit;
}
.row.fullwidth_post_row .socialbuttons {
margin-top: 20px !important;
margin-bottom: -40px;
text-align: left;
font-family: serif;
font-style: italic;
letter-spacing: 1px;
}
.socialbuttons svg {
font-size: 13px;
padding: 10px 8px 0px 8px;
background: #ffffff;
width: 10px;
}
/****************************************/
/* Footer widgets
/****************************************/
.footer-area {
max-width: 1190px;
width: 100%;
margin: auto;
display: flex;
padding-top:0em;
display:none;
}
.footer-item{
display: block;
width: 31.5%;
margin-bottom: 22px;
float: left;
position: relative;
padding: 10px 20px 55px 20px;
}
.footer-item h4.block-heading {
font-family: Playfair Display;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 15px 0px 10px 0px;
color: #000;
font-size: 16px;
text-transform: lowercase;
letter-spacing: 1px;
border-top: 1px solid;
text-align: center;
}
.footer-item h4.block-heading {
padding-bottom: 15px;
}
.footer-item.footer-item1 {
margin-left: 0%;
margin-right: 2.625%;
}
.footer-item.footer-item2 {
margin-right: 2.625%;
}
.footer-item .footer_social {
text-align: center;
padding: 0px;
margin: auto;
background: transparent;
}
.footer-item .footer_social p{
padding:0px;
}
.footer-item .footer_social svg{
font-size:16px;
padding-top:0px;
padding-bottom:0px;
}
.footer-item.footer-item3 {
margin-right: 0%;
}
.full_layout_single_post {
margin-top: 1em;
margin-bottom: 4em;
background: #fff;
padding-bottom: 4em;
}
.span8 .full_layout_single_post{
margin-top:2em;
}
div#archives-3 select {
padding: 8px;
border: 1px solid #e4e4e4;
}
.post-pag-wrap {
margin-bottom: 2em;
}
.full-pag {
width: 100%;
display: inline-flex;
}
.post-pag-container.next {
width: 50%;
text-align: left;
background: #fff;
color: #000;
font-style: italic;
text-transform: lowercase;
letter-spacing: 1px;
font-size: 18px;
padding-top:20px;
}
.post-pag-container.prev {
width: 50%;
text-align: right;
background: #fff;
color: #000;
font-style: italic;
text-transform: lowercase;
letter-spacing: 1px;
font-size: 18px;
padding-top:20px;
}
.post-pag-container.prev a {
font-style: italic;
position: relative;
padding: 0px;
font-family: 'Playfair Display', serif;
text-transform: capitalize;
}
.previous_button {
font-style: normal;
background: #fff;
position: relative;
padding: 5px;
font: normal 11px Lato,san-serif!important;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
width: 140px;
padding-top: 15px;
padding-bottom: 15px;
background: #f6f5f2;
color: #000;
float: left;
}
.previous_post_title {
float: left;
text-align: left;
width: 100%;
padding: 20px;
padding-left: 0px;
}
.previous_button:hover, .next_button:hover{
background: #000;
color: #fff;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.post-pag-container.next a {
font-style: italic;
position: relative;
padding: 0px;
font-family: 'Playfair Display', serif;
text-transform: capitalize;
}
.next_button {
font-style: normal;
background: #fff;
position: relative;
padding: 5px;
font: normal 11px Lato,san-serif!important;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
width: 140px;
padding-top: 15px;
padding-bottom: 15px;
background: #f6f5f2;
color: #000;
float: right;
}
.next_post_title {
float: right;
text-align: right;
width: 100%;
padding: 20px;
padding-right: 0px;
}
.video_pri {
display: block!important;
width: 100%;
height: 475px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.video_pri .play {
top: 240px;
}
.video_second {
display: block!important;
width: 100%;
height: 230px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-bottom:10px;
}
.video_second .play {
top: 110px;
}
.video_second2 {
display: block!important;
width: 100%;
height: 235px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.video_second2 .play {
top: 115px;
}
/*** Search Widget ***/
#full-screen-search form div input{
max-width: 500px;
color:#000!important;
font-family: 'Playfair Display' !important;
text-transform:initial !important;
background: none !important;
border: 1px solid !important;
font-size: 32px !important;
}
#full-screen-search form div {top: 45% !important;}
#full-screen-search,
#full-screen-search form,
#full-screen-search form div,
#full-screen-search form div input,
#full-screen-search form div input.search{
font-family: 'Playfair Display' !important;
}
#full-screen-search button,
#full-screen-search button.close {
font-family: Arial, sans-serif!important;
}
#full-screen-search form div input::-webkit-input-placeholder {
font-family: 'Playfair Display' !important;
color: #000!important;
}
#full-screen-search form div input:-moz-placeholder {
font-family: 'Playfair Display' !important;
color: #000!important;
}
#full-screen-search form div input::-moz-placeholder {
font-family: 'Playfair Display' !important;
color: #000!important;
}
#full-screen-search form div input:-ms-input-placeholder {
font-family: 'Playfair Display' !important;
color: #000!important;
}
#full-screen-search form div input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#fff;
}
#full-screen-search form div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#fff;
opacity: 1;
}
#full-screen-search form div input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#fff;
opacity: 1;
}
#full-screen-search form div input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#fff;
}
.close:hover{
color:#000!important;
opacity: 1!important;
}
button#full-screen-search-close {
color: #000!important;
opacity: 1;
top:55px!important;
right:35px!important;
}
#full-screen-search {
visibility: hidden;
opacity: 0;
z-index: 999998;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.85)!important;
/**
* Add some CSS3 transitions for showing the Full Screen Search
*/
transition: opacity 0.5s linear;
}
#full-screen-search form div {
position: relative!important;
width: 50%;
height: 100px;
top: 50%;
left: 0%!important;
margin:auto!important;
text-align: center;
}
#full-screen-search form {
position: fixed!important;
}
#searchform #s:focus {
outline:none;
}
select {
color:#111;
border-color:#fff;
border-radius: none;
background-color: none;
font-size: 12px;
letter-spacing: 2px;
font-weight: normal;
text-decoration: none;
font-family: 'Raleway', sans-serif;
padding: 4px;
text-transform: uppercase;
width: 100%;
margin-bottom: 10px;
}
option:hover {
color: #777;
background-color: #f6f4f4;
}
.span select{
color:red;
}
label.screen-reader-text{
display:none !Important;
}
textarea#order_comments {
font: normal normal 14px Quicksand;
}
/****************************************/
/* subscribe
/****************************************/
.subscribe_section {
background: #e2e8e9;
padding: 50px;
max-width: 1055px;
margin: auto;
margin-bottom: 6em;
margin-top: 5.5em;
}
.subscribe_section_content form {
background: #fff;
clear: left;
font:normal normal 12px playfair_displayregular;
display: block;
position: relative;
text-align: center;
padding: 0px;
}
.subscribe_section_content form {
margin:auto;
}
.mc4wp-form-fields {
display: inline-flex;
width: 100%;
}
.subscribe_section h2 {
margin: 15px 0 0 4%;
font-size: 1em;
letter-spacing: 0px;
font-size: 66px;
width: inherit;
text-align: left;
font-family: 'thankfully';
}
.subscribe_section .mc-field-group {
width: inherit;
}
.subscribe_section input#mce-FNAME, .subscribe_section input#mce-EMAIL {
width: 95%!important;
border-radius: 0px;
letter-spacing: 2px;
font-style: normal;
font-family: Lato;
font-weight: 100;
padding: 0px;
padding-left: 10px;
font-size: 12px;
height: 30px;
line-height: 30px;
border: 1px solid #f6f6f6;
margin-top: 19px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.subscribe_section input#mce-FNAME::placeholder, .subscribe_section input#mce-EMAIL::placeholder {
text-align: left;
padding-left:10px;
color:#333;
font-family: Lato;
font-weight:100;
}
.subscribe_section input#mce-FNAME::-webkit-input-placeholder, .subscribe_section input#mce-EMAIL::-webkit-input-placeholder{
text-align: left;
padding-left:10px;
color:#333;
font-family: Lato;
font-weight:100;
}
.subscribe_section input#mce-FNAME::-moz-placeholder, .subscribe_section input#mce-EMAIL::-moz-placeholder{
text-align: left;
padding-left:10px;
color:#333;
font-family: Lato;
font-weight:100;
}
.subscribe_section input#mce-FNAME:-ms-input-placeholder, .subscribe_section input#mce-EMAIL:-ms-input-placeholder{
text-align: left;
padding-left:10px;
color:#333;
font-family: Lato;
font-weight:100;
}
.subscribe_section input#mce-FNAME:-moz-placeholder, .subscribe_section input#mce-EMAIL:-moz-placeholder{
text-align: left;
padding-left:10px;
color:#333;
font-family: Lato;
font-weight:100;
}
.subscribe_section input[type="submit"] {
border: none;
height: 32px;
line-height: 32px;
letter-spacing: .2em;
padding-top: 0px;
padding-right: 1em;
padding-left: 1em;
padding-bottom: 0px;
margin-left: 1px;
margin-right: 40px;
margin-top: 19px;
text-transform: uppercase;
vertical-align: top;
-webkit-font-smoothing: antialiased;
background: #f6f5ed;
}
.subscribe_section input[type="submit"]:hover{
background: #000000;
color: #ffffff;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
text-decoration: none;
}
.span4 select {
border: 1px solid #ccc;
padding: 10px;
font-size: 10px;
}
.widget_categories select {
border: 1px solid #e4e4e4;
border-radius: 3%;
padding: 8px;
}
.top-header {
width: 28%;
height: 97px;
position: relative;
display: inline-flex;
background:#000;
}
#wpadminbar{
display:none;
}
.slider-item {height: 550px;}
.owl-controls {margin-top: -320px;}
.menu-category-container {
max-width: 1000px;
text-align: center;
margin: 0 auto;
padding-bottom: 1em;
}
.menu-category-container li {
list-style: none;
display: -webkit-inline-box;
padding: 0em 1.5em 0em 1.5em;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px;
font-weight: bold;}
.nav-title {
padding-bottom: 0.1em;
padding-top: 9em;
}
.description {
text-align: center;
padding-top: 1.5em;
margin-bottom: 4.5em;
letter-spacing: 2px;
font-weight: 300;
border-bottom: 1px solid #000 !important;
line-height: 1px;
opacity:0;
}
.description span {
background: #eee7e0;
padding-left: 2em;
padding-right: 2em;
cursor:pointer;
opacity:0;
}
.morebut {
font-size: 14px;
font-style: italic;
text-transform: lowercase;
background: #000;
width: 100px;
margin: 0 auto;
color: #fff;
padding: 8px;
margin-top: 15px;
}
#owl-example svg {color: #fff;
opacity: 0.7;}
.slider_area {max-width: 100%;
width: 100%;}
.promo-area {
max-width: 100%;
}
div#categories_front h4 {max-width: 100%;}
.row.full_page_row {max-width: 100%;}
div#categories_front h4 {display: none;}
.span12#post_fullwidth_layout {margin-top: 0em;}
li.product {
text-align: center;
}
.frontproducts .woocommerce ul.products li.product {
width: 31% !important;
margin: 0 2.3% 2.992em 0 !important;
}
.frontproducts {
margin: 0 auto;
margin-top:6em;
max-width: 1150px;
}
.frontproducts h1 {
margin-bottom: 0px;
text-align: left;
z-index: 1000000;
position: relative;
font-size: 40px;
font-family:Thankfully!important;
}
.frontproducts .woocommerce ul.products li.product .button {
display: none !important;
}
.front-shop-button {
text-align: center;
margin-bottom: 5em;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
margin-left: -20px;
margin-top: -1em;
}
.front-shop-button span {border-bottom: 1px solid #000;
padding: 5px;}
h2.woocommerce-loop-product__title {
font-size: 22px !important;
padding-top: 0px !important;
font-weight: 300;
}
.woocommerce ul.products li.product .price {
color: #000 !important;
display: block;
font-weight: 400 !important;
margin-bottom: .5em;
font-size: 12px !important;
margin-top: -10px;
/* background: #eee; */
}
.woocommerce ul.products li.product .button {
margin-top: 1em;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
padding: 11px;
border-radius: 0%;
border: 1px solid #000;
color: #000;
background: none;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: inherit;}
.woocommerce .cart .button, .woocommerce .cart input.button {
float: none;
margin-top: -8px;
padding: 9px;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
border-radius: 0%;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
padding: 14px 30px;
background: #000;
}
.woocommerce .quantity .qty {
width: 2.631em;
text-align: center;
height: 29px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {color: #000 !important;}
button.button {
margin-top: 0px !important;
}
#menu-wrapper .menu li a, #menu-wrapper .menu > li.menu-item-has-children > a:after, #menu-wrapper ul.menu ul a, #menu-wrapper .menu ul ul a, #nav-wrapper .menu > li.menu-item-has-children > a:after {
font: normal normal 12px Lato;
}
.promo-overlay svg {
font-size: 40px;
margin-bottom: 15px;
}
.promo-overlay h4 svg {
color: #c6cebf;
}
.promo-overlay h4 {
font-size: 40px;
}
.promo-overlay h4 {
max-width: 85%;
width:100%;
font-style: normal;
font-weight: 200;
font-size: 28px;
}
.promo-area {
max-width: 80%;
margin-top: 5em;
margin-bottom: -1em;
}
.promo-area p {
text-transform: lowercase !important;
font-size: 14px;
letter-spacing: 1px;
line-height: 24px !important;
margin-top: 15px;
margin-bottom: 10px;
font-family:Playfair Display;
}
.first_page h1 {
font-family: 'Playfair Display', sans-serif;
font-style: normal;
font-size: 40px !important;
font-weight: bold;
}
.date {font-family: serif;
letter-spacing: 1px;
font-size: 12px;
margin-bottom: 10px;
}
.promo-area .button {
font-size: 10px;
margin: 0 auto;
font-size: 10px !important;
letter-spacing: 2px;
font-weight: 600;
}
.promo-area .button a{
background: #e3e8e9;
color:#000000;
padding: 15px 20px 15px 20px;
width: 100px;
}
.promo-area .button a:hover {
background: #000!important;
padding: 17px 20px 15px 20px;
width: 100px;
color: #fff!important;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
text-decoration: none;
}
.footer-item h4 {
font-family: 'Josefin Sans', sans-serif !important;
font-size: 14px !important;
letter-spacing: 2px;
margin-top: 2em !important;
}
#full-screen-search form div input {
font-style: italic;
}
.row#post_sidebar_row h1 {
font-family: 'Josefin Sans', sans-serif;
margin-bottom: 0px;
font-weight: 800;}
.woocommerce .woocommerce-ordering select {
border-bottom: 1px solid #ddd;
}
.woocommerce .woocommerce-n
.woocommerce .woocommerce-ordering select {
float: right;
width: 75%;
}
.span4 h3 {
font-family: 'Josefin Sans', sans-serif !important;
font-weight: bold !important;
font-size: 12px !important;
padding-top: 4px;
letter-spacing: 2px;
}
.mobile_social{
display:none;
}
.no-resize, .resize {
width: 100px;
height: 50px;
color: #000;
margin: 20px 0;
font-size: 15px;
}
.nowrap {
width: 250px;
white-space: nowrap;
}
/****************************************/
/* Bio area
/****************************************/
.bio_section {
width: 100%;
display: -webkit-box;
max-width: 1000px;
margin: 0 auto;
margin-bottom: 5em;
background: #ffffff;
}
.bio_img {
width: 48%;
}
.bio_main_content{
width: 48%;
display: block;
}
.bio_content {
width:90%;
margin:auto;
margin-left:12%;
}
.bio_content h1 {
font-family: 'thankfully' !important;
font-weight: 200 !important;
font-size: 42px !important;
margin-top: 1.8em;
letter-spacing: 0px;
margin-bottom: 0.7em;
}
.header_buttons a{
display:block;
max-width: 250px;
width: 100%;
text-align: center;
margin: auto;
margin-top: -2em;
margin-bottom: 2em;
background-color: #f6f5f1;
color: #000000;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
letter-spacing: 2px;
padding-top: 12px;
padding-bottom: 12px;
}
.header_buttons a:hover {
background: #000!important;
color: #fff!important;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
text-decoration: none;
}
.aboutbord {
border-bottom: 3px solid #e3e8e9 !important;
display: block !important;
max-width: 100px;
margin: 0 auto;
margin-bottom: 1em;
}
audio {width: 100%;}
.post_audio {
width: 100%;
margin: auto;
text-align: center;
padding-top: 1em;
}
.podcast_audio {
width: 100%;
margin: auto;
text-align: center;
}
ul#menu_left, ul#menu_right{
list-style:none;
display: inline-flex;
margin:auto;
}
ul#menu_left li.menu-item, ul#menu_right li.menu-item{
padding:15px;
text-transform:capitalize;
letter-spacing:1px;
}
.left_menu {
width: 30%;
position: relative;
top: 12em;
text-align: right;
float: left;
margin:auto;
}
.right_menu {
width: 30%;
position: relative;
top: 12em;
text-align: left;
float: right;
margin:auto;
}
.ig-likes-comments{
top: 0%!important;
margin-top: 0%!important;
padding-top: 45%!important;
background: rgba(255,255,255,0.8)!important;
height: 55%!important;
}
.ig-likes-comments, .ig-likes-comments span svg, .ig-likes-comments span svg path{
color: #000!important;
fill: #000!important;
}
.ig-likes-comments span svg{
width:10px!important;
height:10px!important;
}
.ig-likes-comments span{
font-size:10px!important;
}
.ig-likes-comments{
top: 0%!important;
margin-top: 0%!important;
padding-top: 45%!important;
background: rgba(255,255,255,0.8)!important;
height: 55%!important;
}
.ig-likes-comments, .ig-likes-comments span svg, .ig-likes-comments span svg path{
color: #000!important;
fill: #000!important;
}
.ig-likes-comments span svg{
width:10px!important;
height:10px!important;
}
.ig-likes-comments span{
font-size:10px!important;
}
.menu-mobile{
display:none;
}
.top_parallax{
margin-top:5em;
}
/*
* Video player
*
* */
/*
* Video player
*
* */
.homepage-hero-module {
border-right: none;
border-left: none;
position: relative;
}
.no-video .video-container video,
.touch .video-container video {
display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
display: block !important;
}
.video-container {
position: relative;
bottom: 0%;
left: 0%;
height: 100%;
width: 100%;
overflow: hidden;
}
.video-container .poster img {
width: 100%;
bottom: 0;
position: absolute;
}
.video-container .filter {
z-index: 100;
position: absolute;
background: rgba(0, 0, 0, 0.4);
width: 100%;
}
.video-container video {
position: relative;
z-index: 0;
}
.video-container video.fillWidth {
width: 100%;
}
.video-overlay {
display: block;
visibility: visible;
width: 100%;
bottom: 0;
top: 40%;
position: absolute;
vertical-align: middle;
}
.video-overlay h1 {
text-align: center;
margin: auto;
font-size: 68px;
line-height: 70px;
background-color: none !important;
max-width: 700px;
width: 100%;
padding: 0px 20px 45px 20px;
letter-spacing: 1px;
color: #ffffff;
margin-top: -0.5em;
font-weight: bold !important;
font-family: 'Montserrat' !important;
/* text-transform: uppercase; */
}
.video-overlay p{
max-width: 250px;
min-width: 200px;
width: 15%;
text-align: center;
margin: auto;
margin-top: -30px;
background-color: #e1e8e9 !important;
color: #000000;
text-transform: inherit;
font-size: 11px;
font-weight: 600;
letter-spacing: 2px;
padding-top: 12px;
padding-bottom: 12px;
font-family: Montserrat;
}
.video-overlay p:hover{
background: #000!important;
color: #fff!important;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
text-decoration: none;
}
h11 {
font-family: 'thankfully' !important;
text-align: left;
font-size: 40px;
margin-top: 0em;
margin-bottom: -0.5em;
z-index: 1000000;
position: absolute;
display:block;
}
.menu_title_area {
background: #f6f5f0;
margin-bottom: 1em;
}
h1.cat_title {
font-family: 'thankfully' !important;
text-align: left;
padding-left: 0.5em;
font-size: 40px !important;
margin-top: 1em;
margin-bottom: -0.5em;
z-index: 1000000;
position: absolute !important;
}
/****************************************/
/* @Media
/****************************************/
@media (min-width: 1170px){
.row {
max-width: 1250px;
}
}
@media (max-width: 1400px){
#menu-wrapper .menu li {
padding-left: 15px;
padding-right: 15px;
}
#menu-wrapper .menu .sub-menu, #menu-wrapper .menu .children{
left:-10px;
}
#menu-wrapper .menu{
padding-right:0px;
margin:auto;
}
.top_social {
/* padding: 2px 15px 2px 50px; */
}
.top_social svg, .top_social i {
padding: 15px 0px 0px 10px;
}
}
@media (max-width: 1300px){
#menu-wrapper .menu li {
padding-left: 12px;
padding-right: 12px;
}
#menu-wrapper .menu .sub-menu, #menu-wrapper .menu .children {
left: -13px;
}
.frontproducts .woocommerce ul.products li.product{
margin: 0 1.1666%!important;
}
}
@media (max-width: 1250px){
#instathumb a{
height:180px;
}
.other_posts {
margin-top: 22px;
margin-left: 0%;
width: 100%;
}
#menu-wrapper .menu li {
padding-left: 8px;
padding-right: 8px;
}
#menu-wrapper .menu li a{
font-size:11px!important;
}
#menu-wrapper .menu .sub-menu, #menu-wrapper .menu .children {
left: -15px;
}
.top_social {
}
.top_search #searchform input#s{
width:14px;
}
.nav-title {
width:80%;
}
.footer_social a {
padding: 0em 1em 0em 1em;
}
.promo-area{
max-width:95%;
}
.promo-item{
margin-right: 1.35%;
margin-left: 1.35%;
}
.top_social svg, .top_social i {
padding: 14px 0px 0px 7px;
font-size:10px;
}
}
@media (max-width: 1180px){
div#post_fullwidth_layout, .row#post_sidebar_row{
width:95%!important;
margin:auto!important;
margin-top:2em!important;
}
.row.fullwidth_post_row{
padding-top:6em;
}
}
@media (max-width: 1150px){
.promo-overlay2 h1{
font-size:17px;
}
.promo-item2{
width:32.8%;
}
.promo-itemcat {
width: 49%;
}
.promo-overlaycat {
width: 49%;
}
.footer_social a {
padding: 0em 0.5em 0em 0.5em;
}
a.navigacija {
margin: auto;
}
.top-header {
width:100%;
height: 80px;
margin: auto;
}
.top-bar {
width: 100%;
margin: auto;
text-align: center;
}
.top_search{
display:none;
}
.promo-overlay h4{
padding:0px;
}
.span12#page_fullwidth_layout{
width:95%;
margin:auto;
}
.row.page_sidebar_row{
width:95%!important;
}
.podcast-item{
margin-top:-177px;
height:750px;
}
.promo-area12{
width:90%;
}
#menu-wrapper .menu li {
padding-left: 6px;
padding-right: 6px;
}
#menu-wrapper .menu li a {
font-size: 10px!important;
letter-spacing:1px;
}
}
@media (max-width: 1100px){
.bio_content{
width:90%;
margin-left:12%;
}
}
@media (max-width: 979px){
i.far.fa-search.bandymas, .bandymassss{
display:none;
}
.menu-item-has-children a::before{
display:none;
}
#instathumb a{
height:150px;
}
.frontproducts .woocommerce ul.products li.product {
width: 47% !important;
margin: 0 1.5% !important;
}
.left_menu, .right_menu{
display:none;
}
.nav-title{
width:100%;
}
.nav-title a{
top:45px;
}
.header-buttons{
max-width:80%;
}
.promo-area12{
height:700px;
display:block;
width:95%;
}
.promo-area12 .promo-item12{
height:350px;
width:48%;
}
.bio_content{
width:90%;
margin-left:10%;
}
.bio_content h1 {
margin-top: 1em;
}
.grid_items{
width:47%;
}
.mobile_social {
display: none;
float: right;
margin-top: 0px;
position: relative;
z-index: 999999999999;
}
.mobile_social .top_search{
display:block;
position: absolute;
top: 2px;
}
.slicknav_menu {
display:block;
}
#menu-wrapper{
display:none;
}
.top_social{
top: 2px;
position: relative;
z-index: 9999999999999;
display: block;
}
.slicknav_menu {
background:transparent!important;
}
.slicknav_btn{
top:7px;
}
.slicknav_menu, .slicknav_nav, .slicknav_btn{
z-index:9999999999!important;
}
.top-bar-inner, .top_search{
opacity: 1;
}
#menu-menu-1 {
width:100%;
}
.top-header {
height: 95px;
max-width:80%;
width:100%;
z-index:9999999999999;
margin:auto;
display:block;
top:5px;
}
#full-screen-search.open{
z-index:99999999999;
}
.footer_social a {
padding: 0em 0.5em 0em 0.5em;
}
.footer_social a span{
display:none;
}
.mc4wp-form-fields {
display: block;
width: 80%;
padding-top: 38px;
padding-bottom:38px;
margin: auto;
text-align: center;
float: none;
}
.subscribe_section input#mce-FNAME, .subscribe_section input#mce-EMAIL {
width: 100%!important;
max-width: 100%!important;
}
.subscribe_section h2{
text-align:center;
margin:auto;
}
.subscribe_section .mc-field-group {
width: auto;
padding-bottom: 1%;
}
.subscribe_section input[type="submit"]{
text-align: center;
margin: auto;
float:none;
}
.subscribe_section p {
padding: 0px;
}
.related-posts {
display: none;
}
ul.unstyled {
list-style: none outside none;
margin-left: 50px!important;
padding-left: 0;
width: 90%;
text-align: right;
}
#category_layout .promo-item {
width: 100%;
}
.promo-item.sidebar-promo-item {
width: 100%;
}
.latest-post h1 {
display: none;
}
.latest-post img {
min-height: 0px;
padding-bottom: 25px;
}
.metaslider .caption {
display: none !important;
}
body {
padding: 0px !important;
padding-top: 0;
}
.span8 {
width: 100% !important;
float:none;
}
.post_excerpt{
width:95%;
margin:auto;
}
.span4 {
width: 100% !important;
margin-left:0px!important;
margin-top: 8em;
}
.widget {
width: 95%;
margin: auto;
padding-bottom: 22px;
}
.row {
padding-top: 0px;
width: 100% !important;
}
.row.fullwidth_post_row{
padding-top:2em;
}
h1 {
font-size: 24px;
font-weight: 400;
}
.social-networks {
position: fixed;
top: 20px !important;
left: 5px;
z-index: 10000;
width: 100%;
}
#newer{
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
}
#older {
margin-right: 0em;
}
#newer{
margin-left: 0em;
}
#older.sidebar-page {
margin-right: 0em;
}
#carousel {
display: none;
}
.nav-title a, .footer_title h1{
word-wrap: break-word;
font-family: 'thankfully';
}
.footer_title h1{
margin-left:10px;
}
.video_pri {
width: 100%;
height: 350px;
}
.video_pri .play {
top: 170px;
}
.video_second {
width: 100%;
height: 165px;
}
.video_second .play {
top: 82px;
}
.video_second2 {
width: 100%;
height: 175px;
}
.video_second2 .play {
top: 85px;
}
.header-overlay p{
min-width:200px;
}
.promo-area{
display:inline-block;
max-width:100%;
width:100%;
}
.promo-item{
width:65%;
float:none;
margin:auto;
margin-bottom: 2em;
}
.post_title a h1{
padding-top:25px;
}
.header-overlay2 h1{
width:90%;
}
.header-overlay2 h2 p{
max-width:90%;
min-width:auto;
width:90%;
line-height:30px!important;
}
}
@media (max-width: 1100px){
.slider-overlay{
width:45%;
}
}
@media (max-width: 920px){
.col-sm-8 {
padding-left: 0px;
padding-right: 0px;
}
.col-sm-4 {
margin-top: -7px;
}
.video_secondary a {
margin-bottom: 3%;
}
.video_second{
margin-bottom: 0px;
}
.video_second {
width: 100%;
height: 168px;
}
footer {
width: 100%;
display: grid;
}
.footer-area {
display: block;
width: 95%;
}
.footer-item.footer-item1 {
margin-left: 0%;
margin-right: 0%;
padding:0px;
}
.footer-item.footer-item2 {
margin-right: 0%;
padding:0px;
}
.footer-item.footer-item3 {
margin-right: 0%;
padding:0px;
}
.footer-item {
width: 100%;
background: #fff;
margin: auto;
margin-bottom: 22px;
padding:0px;
}
.widget-instagram {
padding-bottom: 20px;
padding-top: 30px;
}
#KBD{
padding-left:2em;
padding-right:2em;
}
.bio_section{
display:block;
}
.bio_img, .bio_main_content{
width:95%;
margin:auto;
text-align:center;
}
.bio_img img{
width:auto;
margin:auto;
}
.bio_content{
width:85%;
margin:auto;
padding-bottom:3em;
}
}
@media (max-width: 800px){
#instafeed {
display:none;
}
#instafeed1 {
display:block;
}
.promo-area12 .promo-item12{
height:300px;
}
.slider-overlay{
width:65%;
}
.promo-overlay h4{
font-size: 18px;
}
#youtube_section .col-sm-8{
float: none;
position: relative;
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
#youtube_section .col-sm-4{
float: none;
position: relative;
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
#youtube_section .col-sm-4 {
margin-top: 0px;
}
.video_pri {
width: 100%;
height: 350px;
}
.video_pri .play {
top: 170px;
}
.video_second {
width: 100%;
height: 350px;
}
.video_second .play {
top: 170px;
}
.video_second2 {
width: 100%;
height: 350px;
}
.video_second2 .play {
top: 170px;
}
.header-overlay h2,.header-overlay h1{
max-width:100%;
min-width:auto;
width:85%;
}
.header-overlay h2{
font-size:14px;
padding-bottom:0px;
}
.header-overlay h1{
font-size:40px!important;
}
.header-overlay p{
min-width:150px;
}
.slider_area .slider-overlay h4{
width:80%;
font-size:23px;
}
}
@media (max-width: 700px){
.header-overlay3 h1, .video-overlay h1{
max-width:90%;
font-size:37px!important;
line-height:60px;
}
}
@media (max-width: 650px){
#grid_layout .promo-overlay {
height: auto;
}
div#grid_layout {
margin-top: 8em;
}
h11{
margin-top: -1em;
margin-bottom: 0.5em;
padding-left: 0.5em;
}
.frontproducts h1{
margin-top: -1em;
margin-bottom: 0.5em;
padding-left: 0.5em;
}
.promo-area12{
width:95%;
display:block;
height:auto;
}
.promo-area12 .promo-item12{
width:100%;
height:550px;
float:none;
margin:auto;
margin-bottom:22px;
}
.grid_items{
width:95%;
margin:auto;
margin-top: 3em;
float:none;
}
.promo-itemcat {
width: 99%;
}
.promo-overlaycat {
width: 99%;
}
.first_page, .first_page.other_posts_grid_layout.post.odd {
display: block;
}
.first_page.other_posts_grid_layout.post.even, .other_posts_grid_layout_two{
margin-top: 22px;
}
.first_page.other_posts_grid_layout.post.odd .first_post_content, .first_post_content {
width: 100%;
float: none;
padding-top: 1em;
background: #fff;
}
.first_page.other_posts_grid_layout.post.odd .first_post_img, .first_post_img {
width: 100%;
height: 500px;
float: none;
}
.first_page h1 {
width: 75%;
margin: auto;
}
.yt_play, .video_secondary .yt_play{
font-size:30px;
}
.item-related {
width: 100%;
margin-top: 15px;
height: 200px;
}
.item-related {
height: 200px;
}
.item-related h2 {
padding-top: 200px;
}
.header-overlay h2{
font-size:12px;
line-height: 20px;
padding-bottom: 20px;
}
.header-overlay h1{
font-size:30px!important;
}
.frontproducts .woocommerce ul.products li.product {
width: 97% !important;
margin: 0 1.5% !important;
}
}
@media (max-width: 520px){
#instathumb1 {
width: 50%;
float: left;
}
.slider-overlay{
width:75%;
}
.nav-title{
width:90%;
padding-top: 6em;
}
.nav-title a, .footer_title h1{
font-size: 50px!important;
}
.top-header{
margin-bottom:0px;
}
.promo-item{
width:90%;
height: 400px;
}
.promo-overlay{
width:60%;
max-height:225px;
top:175px;
}
.posts_ids2, .posts_ids3 {
padding-top: 140px;
}
.promo-item2{
width:90%;
float:none;
}
.promo-item2:last-child {
margin: auto!important;
}
.video_pri {
width: 100%;
height: 165px;
}
.video_pri .play {
top: 82px;
}
.video_second {
width: 100%;
height: 165px;
}
.video_second .play {
top: 82px;
}
.video_second2 {
width: 100%;
height: 165px;
}
.video_second2 .play {
top: 82px;
}
textarea{
padding:0px;
}
#KBD {
padding-left: 0.2em;
padding-right: 0.2em;
font-size: 8px;
letter-spacing: 1px;
}
i.far.fa-search.bandymas, .bandymassss{
min-width:auto;
}
.fullwidth_post_row h1{
font-size:24px!important;
}
}
@media (max-width: 450px){
.promo-area12 .promo-item12{
height:450px;
float:none;
}
.navbar .brand{
font-size: 12px;
max-width: 97.5%;
letter-spacing: none;
}
#socialicons {
display: none;
}
#carousel {
display: none;
}
footer {
padding-top: 10px;
}
#youtube_section h2 a{
padding:3px 15px;
}
}