html {
height:100%;
min-height:100%;
}
body {
background:#fafafa;
font-family:'Montserrat',Verdana, Geneva, sans-serif;
min-height:100%;
height:100%;
}
/* ===============================================
TYPOGRAPHY
=============================================== */
p,
li,
address,
dd,
blockquote,
td,
th,
.textwidget {
font-size:14px;
line-height:1.8em;
font-family:'Montserrat',Verdana, Geneva, sans-serif;
font-weight:400 ;
}
body,
p,
a,
ul,
ol,
li,
address,
dd,
blockquote,
td,
th,
label,
.textwidget {
color:#616161;
word-wrap: break-word;
}
h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title {
font-family:'Montserrat',Verdana, Geneva, sans-serif;
font-weight:400 ;
word-wrap: break-word;
margin:30px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:'Montserrat',Verdana, Geneva, sans-serif;
font-weight:400 ;
margin:30px 0;
word-wrap: break-word;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
.title.headtitle {
text-align:center;
margin-bottom:50px;
}
code {
display:block;
white-space:normal ;
word-wrap: break-word;
}
iframe,
embed,
object,
video,
img {
max-width:100%;
height:auto
}
button:hover ,
button:active ,
button:focus ,
input:hover ,
input:active ,
input:focus ,
textarea:hover ,
textarea:active ,
textarea:focus {
outline:none !important;
text-decoration:none !important;
}
.widget_recent_entries ul,
.widget_archive ul,
.widget_categories ul,
ul.icons {
padding:0;
list-style:none;
}
/* ===============================================
ELEMENTS
=============================================== */
input,
button,
select,
textarea {
max-width: 100%;
}
select {
width: 100%;
height: 50px;
padding: 8px 10px;
background: #fff;
color: #333;
border-color: #ddd;
}
a {
outline: none;
border:none;
text-decoration:none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
}
a:hover {
color:#1abc9c;
}
a:hover,
a:focus {
border:none;
outline:none;
text-decoration:none ;
}
a.button {
border:solid 1px #333;
padding:8px 0;
color:#fff;
margin:35px auto -10px auto;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
font-size:14px;
text-align:center;
position:relative;
display: block;
width:120px;
background:#333;
}
a.button:hover {
border: solid 1px #1abc9c;
color:#fff;
background:#1abc9c;
text-decoration:none;
}
a.more {
color:#333 ;
}
a.more:hover {
color:#1abc9c ;
}
.clear {
clear:both;
}
.left {
float:left;
}
.right {
float:right;
}
.col-md-3 .left,
.col-md-3 .right {
float:none;
display:block;
}
.col-md-3 .left {
margin-bottom:20px;
}
::selection {
background: #48c9b0;
color:#fff;
}
::-moz-selection {
background: #48c9b0;
color:#fff;
}
a.btn {
margin-right:5px;
border:none;
}
.alert,
.btn {
-webkit-border-radius: 0px ;
-moz-border-radius: 0px ;
border-radius: 0px ;
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.dropcap:first-letter {
float:left;
font-size:46px;
line-height:46px;
margin:5px 10px 5px 0;
}
textarea:focus,
input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=text]:focus,
input[type=number]:focus{
outline:none;
}
/* ===============================================
BREADCRUMB
=============================================== */
#breadcrumb_wrapper {
width:100%;
background:#f1f1f1;
margin-top:-50px;
padding:25px 0;
margin-bottom:50px;
}
#breadcrumb_wrapper ul#breadcrumb {
margin-bottom:0;
text-align:left;
font-size:11px !important;
padding:0;
}
#breadcrumb_wrapper ul#breadcrumb li {
display:inline-block;
line-height:1em;
font-size:11px !important;
}
#breadcrumb_wrapper ul#breadcrumb ,
#breadcrumb_wrapper ul#breadcrumb li ,
#breadcrumb_wrapper ul#breadcrumb a {
color:#616161;
}
/* ===============================================
START HEADER
=============================================== */
#header-wrapper {
position:relative;
margin-bottom:50px;
z-index:999;
height:90px;
}
#header-wrapper .right {
padding-left:0;
}
body.logged-in #header {
top:32px;
}
body.logged-in.customizer_active #header {
top:0;
}
#header {
position:fixed;
text-align:center;
padding:0;
color:#616161;
width:100%;
background:#fff;
top:0;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
/* ================= LOGO ================= */
/* LOGO */
#logo {
position:relative;
display:block;
text-align:left;
padding:0;
}
#logo img {
max-height:60px;
margin-top:-5px;
width:auto;
}
#logo a {
font-family:'Yesteryear',Verdana, Geneva, sans-serif;
font-size:30px;
color:#616161;
text-decoration:none;
text-align:left;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
display:block;
line-height:90px;
}
#logo a.logo:hover {
text-decoration:none;
color:#fff;
border-bottom:none;
}
/* ================= STANDARD MENU ================= */
/* ====================== START NAV ====================== */
/* MAIN NAV */
nav#mainmenu {
text-align:right;
position:relative;
float:right;
}
nav#mainmenu ul {
list-style:none;
margin:0 0 -5px 0;
display:inline-block;
padding:0;
}
nav#mainmenu ul li {
float:left;
position:relative;
display:block;
text-align:right;
line-height:inherit;
}
nav#mainmenu ul li a {
text-decoration:none;
display:block;
font-family:'Montserrat',Verdana, Geneva, sans-serif;
font-size:14px;
z-index:1;
color:#444;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
padding:35px 10px;
text-transform:uppercase;
font-weight:700;
}
nav#mainmenu ul li a:hover,
nav#mainmenu li:hover > a,
nav#mainmenu ul li.current-menu-item > a,
nav#mainmenu ul li.current_page_item > a,
nav#mainmenu ul li.current-menu-parent > a,
nav#mainmenu ul li.current_page_ancestor > a,
nav#mainmenu ul li.current-menu-ancestor > a {
color:#1abc9c;
}
nav#mainmenu .sf-sub-indicator {
padding:0 0 0 10px;
float:right;
font-size:8px;
line-height:22px
}
nav#mainmenu ul ul {
display:none;
position: absolute;
top:70px;
left:0;
background:#fff;
width:100%;
min-width:220px;
z-index:1001;
border:solid 1px #ddd;
padding:0;
}
nav#mainmenu ul ul li {
position:relative;
margin:0;
line-height:1em;
text-transform:none;
width:100%;
min-width:220px;
}
nav#mainmenu ul ul li a {
text-decoration:none;
text-align:left;
display:block;
padding:18px 18px 0 18px !important;
margin:0;
text-transform:inherit;
text-shadow:inherit;
color:#919191;
font-size:13px;
font-weight:300
}
nav#mainmenu ul ul li:last-of-type a {
padding:18px !important;
}
nav#mainmenu ul ul li ul {
top:-1px;
left:180px;
border-top:solid 1px #474747;
}
nav#mainmenu ul ul li ul:before {
display:none;
}
.tinynav,
.select-menu {
display:none;
visibility:hidden;
}
/* ===============================================
SIDE SIDEBAR AND FOOTER
=============================================== */
#sidebar .post-article {
background:#fff;
margin-bottom:25px ;
}
.slick-wrapper .product-container ,
.slick-wrapper .post-container ,
.slick-wrapper .post-container .post-article {
margin-bottom:0 !important ;
}
#sidebar .post-article .article {
padding:25px;
}
#sidebar .post-article:first-of-type,
#sidebar .no-padding:first-of-type {
margin-bottom:25px;
}
#sidebar .post-article:last-of-type,
#sidebar .no-padding:last-of-type {
margin-bottom:25px;
border-bottom:none;
}
#sidebar h3.title,
#footer h4.title {
line-height:1em;
color:#616161;
}
#footer h4.title {
color:#fff;
}
#footer a,
#footer p,
#footer ul,
#footer ol,
#footer li,
#footer address,
#footer dd,
#footer blockquote,
#footer td,
#footer th,
#footer label,
#footer .textwidget {
color:#fff;
text-align:center
}
#footer .woocommerce li {
text-align:right;
}
#sidebar img,
#header-sidebar img,
#bottom-sidebar img,
#footer img {
max-width:100%;
}
#sidebar label {
display:block;
}
.col-md-8.left-sidebar {
float:right;
}
.col-md-8.right-sidebar {
float:left;
}
body.minimal-layout .col-md-8.left-sidebar {
padding-left:25px;
}
body.minimal-layout .col-md-8.right-sidebar {
padding-right:25px;
}
#sidebar label,
#header-sidebar label,
#bottom-sidebar label,
#footer label {
display:block;
}
#footer {
position:absolute;
width:100%;
margin-top:50px;
border-top:solid 10px #ddd;
bottom:0
}
#footer-widgets {
background:#262626 ;
color:#fff;
padding: 50px 0;
position:relative;
bottom:0;
width:100%;
}
#footer-copyright {
background:#212121 ;
color:#fff;
padding: 25px 0;
position:relative;
bottom:0;
width:100%;
}
#footer a,
#footer p {
font-size: 14px;
line-height: 1.4em;
margin-bottom: 0;
color: #fff;
text-align:center
}
#footer .copyright p {
text-align:left;
line-height:30px;
}
#footer a:hover {
color:#1abc9c;
text-decoration:none;
}
#footer-widgets .title-container .title {
background:#262626;
}
#footer-widgets .title-container:after {
background: #444649;
}
#back-to-top {
position:fixed;
bottom:15px;
right:15px;
display:none;
}
#back-to-top i{
padding:10px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
color:#fff;
border:solid 1px #444649;
background:#212121;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
#back-to-top i.open,
#back-to-top i:hover {
cursor:pointer;
background:#1abc9c;
border:solid 1px #1abc9c;
color:#fff;
}
.navigation,
.back-to-top {
top: 15px;
position: absolute;
right: 15px;
z-index:100000;
}
.navigation {
top: 35px;
right: 35px;
}
.navigation i ,
.back-to-top i{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
}
.navigation i.open,
.navigation i:hover,
.back-to-top i.open,
.back-to-top i:hover {
cursor:pointer;
}
/* ===============================================
CONTENT
=============================================== */
#wrapper {
position: relative;
min-height:100%;
}
.grid-container {
width:1160px;
}
.masonry ,
.masonry .post-container,
.masonry .post-container.col-md-12:last-of-type ,
#sidebar .post-container,
#header-sidebar .post-container,
#bottom-sidebar .post-container,
#footer .post-container {
margin-bottom:25px;
}
.post-container,
.masonry .post-container.col-md-12 {
margin-bottom:50px;
}
.post-article {
background:#fff;
padding:40px;
word-wrap: break-word;
position:relative;
}
.post-article.post-title {
padding:40px 40px 0 40px;
}
.masonry .post-article {
padding:30px;
}
.masonry .post-article.post-title {
padding:30px 30px 0 30px;
}
.post-article .title {
font-style: 300;
line-height:1.2em;
position:relative;
color:#616161;
text-align:center;
z-index:997;
}
.post-article.post-title .title {
margin:0
}
.post-article .title a {
color:#616161;
}
.post-article .title a:hover {
color:#1abc9c;
}
.title-container ,
h3.comment-reply-title {
position: relative;
text-align:center;
margin-bottom:50px
}
.widget-box .title-container {
margin-bottom:25px
}
h3.comment-reply-title {
margin-top:0
}
.title-container .title {
margin:0;
z-index:998;
background:#fff;
padding:0 20px;
display: inline-block;
position:relative;
}
body.minimal-layout .no-padding .title-container:after,
.title-container:after ,
h3.comment-reply-title:after {
background: #dddddd;
height: 1px;
margin-top: -0.5px;
top: 50%;
left: 0;
width: 100%;
position: absolute;
content: '';
padding:0;
outline:none;
border:none;
z-index:997;
}
body.minimal-layout .no-padding .title-container:after {
display:block;
visibility:visible;
}
.post-article .attachment p {
text-align:center;
}
.post-article .article {
padding:40px;
}
section.media-wrapper {
position:relative;
z-index:998;
}
section.media-wrapper span.genericon {
position:absolute;
width:50px;
height:50px;
left:50%;
bottom:-25px;
margin-left:-25px;
background:#48c9b0;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
line-height:42px;
color:#fff;
z-index:999;
border:solid 4px #fff;
}
.post-article .category,
.post-article .category h1,
.post-article .search,
.post-article .search h1 {
background:#333;
color:#f1f1f1;
font-size:21px;
text-align:center;
font-weight:100
}
.post-article .category h1 a {
color:#fff;
}
.post-article .wp-post-image {
z-index:999;
}
body.single .format-image .pin-container,
.pin-container,
.video-container,
.maps-container {
overflow: hidden;
position: relative;
height:auto;
max-height:100%;
background:#fff;
padding-top:40px
}
.format-image .pin-container,
.masonry .format-image .pin-container,
body.hide_title .pin-container,
body.hide_title .video-container,
body.hide_title .maps-container ,
#footer .maps-container {
padding-top:0
}
.masonry .pin-container,
.masonry .video-container,
.masonry .maps-container {
padding-top:30px
}
.video-thumb,
.maps-thumb,
.embed-container {
position: relative;
max-height:100%;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-thumb iframe,
.video-thumb object,
.video-thumb embed,
.maps-thumb iframe,
.maps-thumb object,
.maps-thumb embed,
.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:none;
outline:none;
}
.post-article .separator:after {
background:url('../images/separator.png') repeat;
width:100%;
height:5px;
content: '';
display: inline-block;
margin:0;
}
.sidebar-box .container-fluid ,
.post-article .container-fluid {
padding:0;
}
.post-article .container-fluid .col-md-12,
.post-article .container-fluid .col-md-6,
.post-article .container-fluid .col-md-4,
.post-article .container-fluid .col-md-3 {
margin-bottom:25px;
}
.post-article .container-fluid .title {
margin-bottom:25px;
}
.post-article .container-fluid .pin-container,
.post-article .container-fluid .video-container,
.post-article .container-fluid .maps-container {
padding-top: 0 !important;
}
.post-article .container-fluid .col-md-6:last-of-type,
.post-article .container-fluid .col-md-4:last-of-type,
.post-article .container-fluid .col-md-3:last-of-type {
margin-bottom:0;
}
.article-header {
margin:0 0 20px 0;
color:#000;
font-size:13px;
position:relative;
text-align:center;
}
article blockquote {
border-left: 2px solid #ddd;
position:relative;
margin-left:0px;
font-style:italic
}
article blockquote p {
text-align:left;
}
.tags {
background:#fff;
padding:0 15px;
}
.post-date {
text-align: right;
line-height: 1.2em;
font-size: 22px;
}
.day {
font-size:14px;
line-height:1.1em;
}
.archive {
margin:0;
}
/* ===============================================
COMMENTS
=============================================== */
.comments-container .post-article {
border-bottom:none;
padding:0 40px 40px 40px;
}
.comment-container {
padding:30px;
outline:solid 1px #ddd;
text-align:center;
}
p.comment-form-comment {
margin-bottom:0;
}
#respond {
padding:40px;
background:#fff;
margin-bottom:50px;
}
#respond label {
display:block;
text-align:center;
}
.comments-container #respond {
margin-top:0;
margin-bottom:0;
padding:20px 40px 40px 40px;
}
.comments-container ul .post-article {
padding-left:60px;
}
.comments-container ul ul .post-article {
padding-left:80px;
}
.comments-title {
padding:40px;
background:#fff;
}
.comments-title .title-container {
margin:0;
text-align:center;
}
.comments-container ul {
margin:0;
padding:0;
}
.comment-text:after,
.comment-text:before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
left:50%;
}
.comment-text:before {
border-top-color: transparent !important;
border-left-color: transparent !important;
border-bottom-color: #dddddd;
border-width: 10px;
margin-left: -10px;
}
.comment-text:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #ffffff;
border-width: 9px;
margin-left: -9px;
}
.comment-avatar img {
-moz-border-radius: 80px;
-webkit-border-radius: 80px;
border-radius: 80px;
margin:auto;
}
.comment-text {
position:relative;
border-top:solid 1px #ddd;
padding:15px 0;
}
.comment-text p {
font-size:14px !important;
margin-top:15px
}
.comment-container .comment-date {
padding:10px 0;
}
.comment-avatar {
position: relative;
width: 90px;
height: 90px;
margin-bottom: 25px;
border: solid 1px #ddd;
padding: 4px;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
border-radius: 45px;
margin:0 auto 25px auto;
}
.comment-author a {
color:#a9a9a9;
}
.comment-author .author {
font-size:18px;
display:block;
margin-bottom:15px
}
.comments-container .children li {
margin-left:110px;
}
.comment-notes {
font-size:12px;
text-align:center;
}
h3#reply-title span {
margin-bottom:0;
z-index:998;
background:#fff;
padding:0 20px;
position:relative;
text-align:center;
display:inline-block
}
h3#reply-title small {
font-size: 14px;
display: block;
text-align: center;
position: absolute;
text-align: center;
width: 100%;
top: 30px;
}
.logged-in-as {
font-size: 14px ;
margin:20px 0;
display:block;
text-align:center;
}
ul.children .logged-in-as {
margin:40px 0 20px 0;
}
.form-allowed-tags {
font-size: 14px ;
text-align:center;
}
.form-allowed-tags code {
margin-top:25px;
}
.contact-form .form-submit {
margin:15px 0 ;
}
#commentform .form-submit,
#commentform submit {
margin:30px auto 0 auto;
}
#sidebar .form-submit,
#footer .form-submit {
margin:0;
}
/* ===============================================
COMMENT, SEARCH AND CONTACT FORM
=============================================== */
.contact-form form,
#searchform {
margin:0 ;
}
#searchform label {
display:none !important;
visibility:hidden !important;
}
#searchform input[type=text],
#searchform textarea,
.contact-form input[type=text],
.contact-form textarea,
#commentform input[type=text],
#commentform textarea {
padding: 10px 2%;
width: 100%;
margin:0 0 15px 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #ddd;
color:#616161;
}
#commentform textarea {
margin:0;
}
#searchform input[type=submit],
.contact-form input[type=submit],
#commentform input[type=submit] {
background:#333;
outline:none;
padding: 10px 15px;
color:#fff;
margin:25px 0 -20px 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
font-size:13px;
text-align:center;
position:relative;
display: block;
border:solid 1px #333;
}
#footer #searchform input[type=submit],
#footer .contact-form input[type=submit],
#footer #commentform input[type=submit] {
color:#fff;
}
.contact-form input[type=submit],
#commentform input[type=submit] {
margin:25px auto auto auto;
}
#searchform input[type=submit]:hover,
.contact-form input[type=submit]:hover,
#commentform input[type=submit]:hover {
background: #1abc9c;
color: #fff;
border-color:#1abc9c;
}
.col-md-12 #searchform input[type=submit] {
margin:0;
}
#searchform input[type=submit] {
padding: 15px 2%;
}
.contact-form input[type=submit] {
margin-top:0;
}
#searchform input[type=submit]:hover,
.contact-form input[type=submit]:hover,
#commentform input[type=submit]:hover {
background:#1abc9c;
color:#fff !important;
text-decoration:none;
}
.searchform {
margin:15px 0 0 0;
}
#searchform div:after {
content:'';
display:block;
clear: both;
}
#searchform #searchsubmit {
width: 32%;
margin: 0;
padding: 11px 1%;
float:right;
}
#searchform input[type=text] {
width: 66%;
margin:0;
padding: 10px 2%;
float:left;
}
.col-md-6 #searchform #searchsubmit,
.col-md-4 #searchform #searchsubmit,
.col-md-3 #searchform #searchsubmit {
width:34%;
}
.col-md-6 #searchform input[type=text] {
width:65%;
}
.col-md-4 #searchform input[type=text],
.col-md-3 #searchform input[type=text] {
width:64%;
}
#searchform .input-search:hover,
#searchform .input-search:active,
#searchform .input-search:focus {
outline:0px ;
-webkit-appearance:none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#searchform .input-search:hover,
#searchform .input-search:active,
#searchform .input-search:focus {
outline:0px ;
-webkit-appearance:none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.logged-in-as a,
#comments a {
color:#616161;
}
span.messaggeok {
font-weight:bold;
}
span.error {
display:none;
color:#b93333;
margin-bottom:10px;
font-weight:bold;
}
/* ===============================================
SOCIAL BUTTONS
=============================================== */
.social-button {
float:left;
height:20px;
margin-top:40px;
width:auto;
}
.facebook-box {
width:102px;
}
.facebook-box.en {
width:82px;
}
.google-plus {
width:65px;
}
.twitter-box {
width:85px;
}
.pinterest {
width:85px;
}
.entry-tags {
font-size:14px;
border-bottom:solid 1px #ddd;
border-top:solid 1px #ddd;
position:relative;
}
.line {
position:relative;
display:block;
margin:5px 0 35px 0;
text-align:center;
min-height:11px;
color:#a9a9a9;
font-size:13px;
}
.line:after {
background: #dddddd;
height: 1px;
margin-top: -0.5px;
top: 50%;
left: 0;
width: 100%;
position: absolute;
content: '';
padding: 0;
outline: none;
border: none;
z-index: 997;
}
body.tax-project .line:after {
display:none;
visibility:hidden;
}
.post-info {
margin: 0;
z-index: 998;
background: #fff;
padding: 0 20px;
display: inline-block;
position: relative;
}
.line a {
color:#a9a9a9;
}
.line a:hover {
color:#1abc9c;
}
.line span {
margin:0 10px;
line-height:21px;
}
footer.line {
margin:40px 0 0 0;
}
.tax-project .masonry-container .line {
margin-bottom:0;
}
/* ===============================================
IMAGE STYLE
=============================================== */
img.alignnone,
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width:100%;
height:auto;
}
.alignleft,
img.alignleft {
display:inline;
float:left;
margin-right:24px;
margin-top:4px;
}
.alignright,
img.alignright {
display:inline;
float:right;
margin-left:24px;
margin-top:4px;
}
.aligncenter,
div.aligncenter,
img.aligncenter {
display: block;
margin-left: auto ;
margin-right: auto ;
float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom:12px;
}
.wp-caption {
background:#f1f1f1;
line-height:18px;
margin-bottom:20px;
max-width:558px ;
padding:4px;
text-align:center;
max-width:100%
}
.wp-caption img {
margin: 2px 0 5px 0;
width: 98%;
}
.wp-caption p.wp-caption-text {
color:#888;
font-size:12px;
margin:5px;
}
.wp-smiley {
margin:0;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.gallery {
margin:15px auto;
}
.gallery-item {
float:left;
margin:0 15px 15px 0;
text-align:center;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-columns-2 .attachment-medium {
max-width:92%;
height:auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width:84%;
height:auto;
}
.gallery .gallery-caption {
color:#888;
font-size:12px;
margin:0 0 12px;
}
.gallery img {
border:1px solid #ddd;
background:#fff;
padding:4px;
}
.gallery br+br {
display:none;
}
.gallery a {
border-bottom:none;
}
body.attachment .post-article img{
display:block;
margin:0 auto;
}
p.list-tags {
line-height:25px;
margin-top:20px;
border-top:1px solid #dcdbdb;
padding:10px 0 10px 36px;
background:url('../images/icons/article.png') left 15px no-repeat;
}
.overlay-image {
position:relative;
overflow:hidden;
}
.overlay-image .overlay{
opacity: 0;
filter: alpha(opacity=0);
border:none;
}
.overlay-image .link {
background: #fff;
position:absolute;
top:5px;
left:5px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
width:100%;
height:100%;
}
.overlay-image .link:hover {
background: #fff;
position:absolute;
top:5px;
left:5px;
opacity: 0.4;
filter: alpha(opacity=40);
}
.overlay-image .zoom {
background: #fff;
position:absolute;
top:5px;
left:5px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
}
.overlay-image .wp-post-image {
border:solid 1px #ddd;
padding:4px;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
}
.pin-container .overlay-image .wp-post-image {
border:none;
padding:0;
}
.pin-container .overlay-image .link {
top:0;
left:0;
}
.wp-post-image {
width: 100%;
height: 100%;
}
/* ===============================================
WIDGETS
=============================================== */
.widget-box {
text-align:center;
}
#footer .widget-box {
margin:0 0 25px 0;
}
#footer .widget-box:last-of-type {
margin-bottom:0;
}
#sidebar ul,
#footer ul,
#bottom-sidebar ul,
#header-sidebar ul {
margin:0;
list-style:none;
padding:0;
}
#bottom-sidebar ul ul,
#header-sidebar ul ul,
#sidebar ul ul,
#footer ul ul {
margin:15px 0 0 0;
}
#sidebar li,
#header-sidebar li,
#bottom-sidebar li ,
#footer li {
padding:5px 0 10px 0;
position:relative;
}
#sidebar li li,
#header-sidebar li li,
#bottom-sidebar li li ,
#footer li li {
padding:0;
}
#sidebar li li a,
#header-sidebar li li a,
#bottom-sidebar li li a ,
#footer li li a {
font-size:12px;
}
#footer li:after {
border-bottom: 1px solid #444649;
}
#sidebar li:last-of-type:after,
#header-sidebar li:last-of-type:after,
#bottom-sidebar li:last-of-type:after ,
#footer li:last-of-type:after {
display: none;
visibility:hidden;
}
#sidebar ul li:last-of-type,
#header-sidebar ul li:last-of-type,
#bottom-sidebar ul li:last-of-type,
#footer ul li:last-of-type{
padding-bottom:0;
border-bottom:none;
}
#wp-calendar #today,
#wp-calendar #today a {
color:#fff;
font-weight:bold
}
#wp-calendar a:hover {
border:none;
}
#wp-calendar {
width:100%;
}
#wp-calendar caption {
font-size: 14px;
margin:0 0 30px 0;
text-align:center;
color:#616161;
text-transform:uppercase
}
#footer #wp-calendar caption {
color:#fff;
}
#wp-calendar th,
#wp-calendar td {
text-align: center;
font-size: 14px;
color:#fff;
padding:3px 6px;
border:solid 1px #444649;
}
#header-sidebar #wp-calendar th,
#header-sidebar #wp-calendar td ,
#bottom-sidebar #wp-calendar th,
#bottom-sidebar #wp-calendar td ,
#sidebar #wp-calendar th,
#sidebar #wp-calendar td {
color:#616161;
border:solid 1px #dddddd;
}
#wp-calendar td a {
display:block;
text-align: center;
font-size: 14px;
text-decoration:none;
font-weight:bold
}
#wp-calendar td a:hover {
text-decoration:underline;
}
#wp-calendar td#prev a ,
#wp-calendar td#next a {
font-weight:normal
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
text-decoration:none;
text-align:left;
}
.tagcloud a {
display: inline-block;
padding: 8px 10px;
text-align: center;
font-size:14px !important ;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
color:#616161;
margin:0 0 4px 0 !important;
border:solid 1px #ddd;
}
.tagcloud a:hover {
color: #fff !important;
background:#1abc9c;
border-color:#1abc9c;
}
#sidebar .tagcloud a {
font-size:14px ;
}
.contact-map {
margin:-40px 0 40px 0;
}
/* ===============================================
ICONS
=============================================== */
.icons i {
margin-right:25px;
}
/* ===============================================
SOCIAL ICONS
=============================================== */
.socials {
margin:0;
text-align:right;
}
.socials a {
display:inline-block;
margin: 0 ;
filter: none ;
color:#616161;
border: 1px solid #444649;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
width:40px;
height:40px;
line-height:40px;
}
.socials a i {
line-height:40px;
}
.socials a:hover {
text-decoration:none;
color:#fff !important;
}
.socials a.facebook-button:hover ,
.socials.share a.facebook-button:hover ,
#footer .socials a.facebook-button:hover {
border-color:#3b5998;
background:#3b5998;
}
.socials a.twitter-button:hover ,
#footer .socials a.twitter-button:hover {
border-color:#00b6f1;
background:#00b6f1;
}
.socials a.flickr-button:hover ,
#footer .socials a.flickr-button:hover {
border-color:#ff0084;
background:#ff0084;
}
.socials a.google-button:hover ,
#footer .socials a.google-button:hover {
border-color:#df4a32;
background:#df4a32;
}
.socials a.linkedin-button:hover ,
#footer .socials a.linkedin-button:hover {
border-color:#007bb6;
background:#007bb6;
}
.socials a.pinterest-button:hover ,
#footer .socials a.pinterest-button:hover {
border-color:#cb2027;
background:#cb2027;
}
.socials a.tumblr-button:hover ,
#footer .socials a.tumblr-button:hover {
border-color:#2c4762;
background:#2c4762;
}
.socials a.youtube-button:hover ,
#footer .socials a.youtube-button:hover {
border-color:#b31217;
background:#b31217;
}
.socials a.skype-button:hover ,
#footer .socials a.skype-button:hover {
border-color:#00aff0;
background:#00aff0;
}
.socials a.instagram-button:hover ,
#footer .socials a.instagram-button:hover {
border-color:#3f729b;
background:#3f729b;
}
.socials a.github-button:hover ,
#footer .socials a.github-button:hover {
border-color:#4183c4;
background:#4183c4;
}
.socials a.xing-button:hover ,
#footer .socials a.xing-button:hover {
border-color:#026466;
background:#026466;
}
.socials a.whatsapp-button:hover ,
#footer .socials a.whatsapp-button:hover {
border-color:#4dc247;
background:#4dc247;
}
.socials a.email-button:hover ,
#footer .socials a.email-button:hover {
border-color:#db4437;
background:#db4437;
}
.socials a.rss:hover ,
#footer .socials a.rss:hover {
border-color:#fa9b39;
background:#fa9b39;
}
#sidebar .socials a:hover,
#footer .socials a:hover {
color:#fff;
}
/* ===============================================
PAGINATION
=============================================== */
.wp-pagenavi {
text-align: center;
position:relative;
margin-bottom: 50px;
}
body.infinitescroll .wp-pagenavi {
display:none;
visibility:hidden;
}
.hd-wrapper .wp-pagenavi {
display:none;
margin:0;
}
.wp-pagenavi .navigation {
position:relative;
top:0;
right:0;
}
.wip-pagination {
text-align: center;
position:relative;
margin-top: 50px;
}
.masonry-container .wp-pagenavi {
margin-left:-5px;
}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi span.current,
.wip-pagination span,
.wip-pagination span:hover {
display:inline-block;
margin-bottom:0;
font-size:14px;
color:#fff;
text-align:center;
vertical-align:middle;
cursor:pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
line-height:40px;
background:#333;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
width:40px;
height:40px;
border:solid 1px #333;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current,
.wip-pagination span:hover,
.wip-pagination span {
color:#fff !important;
background:#1abc9c;
border-color:#1abc9c;
}
.wip-pagination a span {
color:#fff;
}
#blog .wp-pagenavi {
margin-top:25px;
margin-bottom:0px;
}
@media screen and (min-width : 0px) and (max-width : 767px) {
.left,
.right {
float:none;
display:block;
text-align:center;
}
.line,
.comments-title,
.socials.share {
text-align:center;
}
.post-article .title.left,
.left,
#subheader p.left {
margin-bottom:20px;
}
}
@media screen and (min-width : 0px) and (max-width : 992px) {
body {
padding-left:0px ;
padding-right:0px ;
}
#wrapper {
padding-bottom:0 !important;
}
#logo {
padding: 30px 0;
min-height:inherit;
}
#logo a {
text-align:center;
line-height:inherit;
}
#header-wrapper {
height:auto;
}
#header {
width:100%;
padding-left:15px;
padding-right:15px;
position:relative;
}
#header-wrapper,
#breadcrumb_wrapper {
margin-bottom:25px;
}
#breadcrumb_wrapper {
margin-top:-25px;
}
#footer {
position:relative;
margin-top:0;
}
body.logged-in #header {
top: 0;
}
nav#mainmenu {
height:inherit;
margin-bottom:25px;
float:none;
}
nav#mainmenu ul {
visibility:hidden;
display:none;
}
.tinynav {
display: block;
visibility:visible;
width: 100% !important;
margin:auto;
height: 50px;
padding: 8px 10px;
background: #fff;
color: #333;
border-color:#ddd;
border-radius:0;
}
section.header-cart {
display:none;
visibility:hidden;
float:none;
margin:0 auto;
border: solid 1px #616161;
width: 40px;
height: 40px;
line-height: 40px;
margin-bottom: 30px;
padding:0;
}
section.header-cart:hover {
background:#1abc9c;
border-color:#1abc9c;
color:#fff;
}
section.header-cart:hover a ,
section.header-cart a:hover {
color:#fff;
}
.post-container,
.masonry .post-container.col-md-12 {
margin-bottom: 25px;
}
#footer .copyright p {
text-align:center;
margin-bottom:20px;
}
#footer .copyright p {
text-align:center;
margin-bottom:20px;
}
h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title,
#breadcrumb_wrapper ul#breadcrumb {
margin: 0;
text-align:center;
}
.socials {
text-align:center;
}
.header-cart-widget {
display:none;
visibility:hidden;
}
#sidebar h3.title,
#footer h4.title {
text-align:center;
}
.gallery .gallery-item{
width:100%;
float:none;
display:block;
margin:0 0 5px 0;
}
.gallery p{
margin:0;
display:none;
visibility:hidden;
}
.comments-title {
padding-bottom:20px;
}
#respond {
text-align:center;
}
#searchform input[type=submit],
.contact-form input[type=submit],
#commentform input[type=submit],
.col-md-12 #searchform input[type=submit],
.col-md-12 .contact-form input[type=submit],
.col-md-12 #commentform input[type=submit] {
margin:auto;
}
.post-date {
text-align:left;
}
.back-to-top {
text-align:center;
position:relative;
top:inherit;
right:inherit
}
.col-md-3.left-sidebar ,
.col-md-4.left-sidebar,
.col-md-3.right-sidebar ,
.col-md-4.right-sidebar,
.col-md-8.left-sidebar,
.col-md-8.right-sidebar {
float:none;
}
body.minimal-layout .col-md-8.left-sidebar {
padding-left:15px;
}
body.minimal-layout .col-md-8.right-sidebar {
padding-right:15px;
}
#footer .copyright {
line-height:15px;
}
.widget-box {
text-align:center;
}
#sidebar .post-article:last-of-type,
#sidebar .no-padding:last-of-type {
margin-bottom: 25px;
}
.col-md-4.cart-total {
margin-top:50px;
}
.woocommerce-cart table.cart td.actions .coupon input.input-text ,
.woocommerce-cart table.cart td.actions .coupon .button {
width:100% !important;
float:none !important;
}
.woocommerce-cart table.cart td.actions .coupon .button {
margin-top:20px;
}
.product-wrapper {
margin-bottom: 25px;
}
.wip-tabs-container {
padding:25px 0 0 0;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
text-align:center;
line-height:25px
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering,
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
float: none;
}
.woocommerce-ordering select.orderby ,
.woocommerce .woocommerce-ordering .woocommerce-ordering select.orderby {
margin-left:auto !important;
margin-right:auto !important ;
}
}
@media screen and (min-width : 0px) and (max-width : 320px) {
div.overlay-image.xsmall .overlay,
div.overlay-image.xsmall .wp-post-image { width:140px; height:140px }
div.overlay-image.small .overlay,
div.overlay-image.small .wp-post-image,
div.overlay-image.medium .overlay,
div.overlay-image.medium .wp-post-image,
div.overlay-image.large .overlay,
div.overlay-image.large .wp-post-image { width:140px; height:100px }
}
@media screen and (min-width : 321px) and (max-width : 479px) {
div.overlay-image.medium .overlay,
div.overlay-image.medium .wp-post-image,
div.overlay-image.large .overlay,
div.overlay-image.large .wp-post-image { width:211px; height:150px }
}
@media screen and (min-width : 0px) and (max-width : 480px) {
.post-article h1.title {
font-size:22px;
}
.post-article .quote blockquote p {
font-size: 16px;
}
.widget_wip_products_tabs_carousel_widget .wip-tabs li a {
padding: 5px 8px;
font-size: 12px;
}
}
@media screen and (min-width : 481px) and (max-width : 600px) {
div.overlay-image.medium .overlay,
div.overlay-image.medium .wp-post-image{ width:240px; height:171px }
div.overlay-image.large .overlay,
div.overlay-image.large .wp-post-image { width:300px; height:213px }
}