/*
	Theme Name: Occulto
	Description: Occulto theme
	Author: Alice Cannava
	Author URI: 
	Template: hueman
	Version: 1.0.0
*/

@import url("../hueman/style.css");
@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);

/* ------------------------------------------------------------------------- *
 *  Theme customization starts here
/* ------------------------------------------------------------------------- */

/* Global + Desktop */


.admin-bar #header {
  top: 32px;
}

.dark, a.dark, a.dark:visited {
	color: #111;
}

body {
	font-weight: 400!important;
	color: #111;
}

::selection { background: #f02311; color: #fff; }
::-moz-selection { background: #f02311; color: #fff; }


/* buttons */

input[type="image"] {
max-width: 100px;
height: auto;
margin-top: 8px;
}

/* youtube emebed responsive stuff */

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 26px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Header + Nav */

a {
	letter-spacing: 0.05em;
	color: #f02311;
	text-decoration: none;
}

.entry a {
	text-decoration: underline;
}

a:hover {
	color: #666;
}

a:visited {
	color: #f02311;
}

a:active{
	color: #f02311;
}

p {
	font-family: Lora, Georgia, serif;
	line-height: 1.9;
}

.single .entry h3 {
    font-size: 100%;
    letter-spacing: 0; 
    font-family: Lora, serif;
    color: #000;
    font-weight: normal;  
    line-height: 1.5;
    margin: 0 0 3px 0;
}

.entry img {
	display: block;
	max-height: 700px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.post-thumbnail img {
	width: 100%;
}

.news.post-thumbnail {
	max-width: 360px;
}

.shadow {
    border: 0 none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
    display: block;
}

.header-desktop-sticky.topbar-enabled #header {
    padding-top: 6px;
}
#header {
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 1px 25px rgba(0, 0, 0, 0.15);
	margin-bottom: 30px;
	position: fixed;
	top: 0;
	width: 100%;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 0;
	z-index: 99;
}

.site-title {
    font-size: 120%;
    letter-spacing: 0.05em;
    line-height: 1.3;
	float: none;
	font-weight: 500;
	position: absolute;
	z-index: 999;
	padding: 4px 0;
	font-family: Lora, Georgia, serif;
}

.site-title a img {
	margin-right: 10px;
	display: inline-block;
}

.site-title a:hover {
	color: #f02311;
	border: none;
}

.site-description {
    color: #000;
    font-size: 90%;
    font-style: normal;
    line-height: 1.3;
    padding: 0;
	letter-spacing: 0.05em;
	float: none;
	margin-left: 0;
}

.site-title a img {
    display: block;
    max-width: 100%;
    max-height: 46px;
    height: auto;
    margin: -6px 0 0 auto;
    padding-right: 10px;
}

#header .pad {
	padding: 0 0 10px 0;
}

.site-title a {
    color: #000;
    padding-top: 5px;
    letter-spacing: 0.05em;
}

.site-title a span {
	padding-top: 6px;
	display: inline-block
}

.navbar {
padding: .5rem 0;
}
.main-nav > li {
    float: none;
    display: inline-block;
    padding: 0 4px;
    border-right: 0;
}

.main-nav  {
	display: inline-block;
	padding-left: 0;
	text-align: center;
}


.main-nav li a {
    color: #000;
	font-size: 78%;
	text-transform: uppercase;
}

.main-nav > li > a {
    padding: 17px 20px 14px 20px;
}

.main-nav li a:hover {
    color: #f02311;
	background: #fff;
	border: none;
}

.main-nav a:visited {
	color: #000;
}

.main-nav a:active {
	color: #000;
}

.main-nav li > a:hover, 
.main-nav li:hover > a, 
.main-nav li.current_page_item > a, 
.main-nav li.current-menu-item > a, 
.main-nav li.current-menu-ancestor > a, 
.main-nav li.current-post-parent > a, 
.main-nav li.current-category-ancestor > a,
.main-nav li.current-post-ancestor > a
 {
	color: #f02311;
}

.main-nav > li > a::after {
    content: '';
    margin-left: 0;
}

.navbar-toggler {
position: relative;
padding: 9px 10px;
float: right;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
border-radius: 4px;
}

.navbar-toggler .icon-bar {
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 1px;
    background: #111;
    margin-top: 6px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.social-wrap {
	position: absolute;
	top: 0;
	right: 20px;
	padding: 15px 0 20px 20px;
}

.social-links .social-tooltip {
    font-size: 18px;
}


/*fix pad */

#page {
    padding-bottom: 20px;
}

.entry img.aligncenter {
    clear: both;
    display: block;
    margin: 20px auto 26px auto;
   }

.pad.lesspad {
	padding-top: 6px;
}
.pad.singlepad {
	padding-top: 2px;
}

.page-title h1, .page-title h2, .page-title h4 {
    color: #111;
    font-weight: 500;
    letter-spacing: 0.15em;
    font-size: 100%;
    margin-bottom: 10px;
}

.entry .wp-caption {
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 14px;
    max-width: 100%;
    text-align: left;
}

.entry .wp-caption-text, .entry p.wp-caption-text {
    font-style: normal;
    color: #777;
    padding: 10px 0;
    font-size: 83%;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin: 0;
}

.entry .small {
	font-size: 88%;
}

.page-title a {
    color: #f02311 !important;
}

/*fix shop */


.entry img {
	padding: 0;
}

.entry blockquote:before {
	content: none;
}

.entry blockquote {
    color: #111;
    font-size: 96%;
    margin: 0 0 20px;
    padding-left: 50px;
    position: relative;
    font-style: normal;
} 

.entry.excerpt {
    color: #000;
    font-size: 100%;
}

.entry table tr.alt {
    background: #fff;
    border: 0;
}

.entry table {
    font-size: 80%;
    text-transform: uppercase;
    margin-bottom: 6px;
    text-align: center;
    width: auto;
    border: none;
    background: #fff;
    letter-spacing: 0.05em;
    color: #111;
}


.entry table td {
    border-bottom: 0;
    padding: 0 0 0 2px;
    text-align: left;
    line-height: 1.8;

}

.post-nav {
    display: block;
}

.entry span {
    letter-spacing: 0.04em;
    font-weight: 600;
    padding: 0;
    line-height: 1.7;
    margin: 0;
    font-size: 100%;
    font-family: Lora, serif;  
	
}

#page .container-inner {
    box-shadow: none;
}

.page-title {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 0;
    color: #666;
    font-size: 82%;
    font-weight: 500;
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 18px;
    position: relative;
    text-transform: uppercase;
}

.page-title.pad {
	padding-bottom: 0;
	margin: -25px;
}


h3.post-category {
	font-size: 78%;
    letter-spacing: 0.15em;
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
}


.col-2cr .content, .content {
    float: none;
    max-width: 890px;
    margin: 0 auto;
}

#page {
    margin-top: 84px;
}


.pad {
    padding: 30px 0;
}

.content .pad {
	margin: 0 30px;
}

.main .content {
	margin-top: -28px;
}


.blog .post, .single .post, .archive .post, .search .post, .search .page {
    margin-bottom: 18px;
}

.entry, .entry-excerpt {
	color: #111;
	font-size: 104%;
	line-height: 2;
}

.more {
    font-size: 100%;
    font-weight: 400;
    display: inline;
    font-family: Lora, Georgia, serif;
}

.single .post-title {
    font-size: 204%;
    letter-spacing: 0.03em;
    line-height: 1.3em;
    margin: 18px 0;
}
.post-title {
    color: #111;
    font-size: 120%;
    font-weight: 400;
    line-height: 1.5em;
    font-family: Lora, Georgia, serif;
    margin: 8px 0 4px 0;
}

.post-title a {
    color: #f02311;
}

.page-title .category {
	font-size: 96%;
}

.post-hover:hover .post-title a {
	color: #666;
}

.post-title a {
    color: #f02311;
}

.post-category a {
	color: #444;
}

.post-category a:hover {
	color: #f02311;
}

.post-meta {
    color: #000;
    font-size: 100%;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
}


.post-list .grid-item, .post-list .page, .post-list .post {
    width: 100%;
    float: none;
}

.post-list .post-inner {
    margin: 0 0 36px 0;
}

.post-list {
    margin-right: 0;
}

/* style for blog */


.size-thumb-large {
 	object-fit: contain;
 }
 
.single .post-date {
	font-size: 96%;
}

.post-date {
    font-family: Ubuntu, sans-serif;
    font-size: 74%;
    letter-spacing: 0.05em;
    margin-bottom: 0;
    color: #777;
    text-transform: uppercase;
    display: block;
    line-height: 1.3;
}

.post-category {
	font-size: 74%;
	color: #000;
	text-transform: uppercase;
	font-family: Ubuntu, sans-serif;
	letter-spacing: 0.05em;
	line-height: 1.4; 
}

.post-byline {
	text-transform: none;
	color: #000;
	font-size: 92%;
	margin: 0 0 6px 0;
}


.single .post-byline {
    font-size: 95%;
}

blockquote {
	font-size: 85%;
}

.subtitle {
	display: none;
}


.category-blog .subtitle {
	display: block;
}



.notebox {
    background: none repeat scroll 0 0 #fff;
    	color: #111;
	font-size: 94%;
    margin-bottom: 30px;
    padding: 0 0 6px 0;
    position: relative;
}

.col-3cm .main {
    background: none !important;
}

#nav-header .nav-toggle {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    color: #111;
}
.notebox::before {
    display: none;
}

.notebox::after {
    display: none;
}

/* single */

.entry img.cover {
    margin: 0 20px 18px 0;
    float: left;
    width: 43%;
    padding-top: 0;
}

.single .entry {
	margin-top: 8px;
}

.post-tags, .post-tags span{
	font-size: 90%;
	letter-spacing: 0.02em;
	font-family: Ubuntu, sans-serif;
	color: #000;
	text-transform: uppercase;
}

.post-tags a {
	color: #000;
	background: none;
	color: #f02311;
	    display: inline-block;
    font-size: 90%;
    line-height: inherit;
    margin: 0 5px 2px 0;
    padding: 3px 2px;
    white-space: nowrap;
}

.post-tags a:hover {
	color: #666;
	background: none;
}


.entry .wp-caption.aligncenter img {
    height: auto;
    padding: 0 auto 14px auto;
    max-width: 100%;
}

/* post-nav */

.content .post-nav {
    border-bottom: none;
    border-top: none;
    margin-bottom: 0;
}

.content .post-nav li {
    border: none !important;
    box-shadow: none !important;
    width: 50% !important;
}

.post-nav li a span {
	min-height: auto;
	color: #111;
    font-size: 80%;
    margin-left: 5px;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: 400;
}


.post-nav li a:hover span {
    color: #f02311;
}


.content .post-nav li.previous {
	text-align: left;
	float: left;
}

.content .post-nav li.next {
	text-align: right;
	float: right;
}

.post-nav li i {
        color: #111;
    font-size: 200%;
    margin-top: -2px;
    position: absolute;
    top: auto;
}

.content .post-nav li a:hover i {
    color: #f02311;
}

.post-nav li:hover i:hover {
    color: #f02311;
}

.post-nav li.previous i {
    left: 0;
    right: auto;
}

.post-nav li.next i {
   right: 0;
    left: auto;
}



.container-inner > .main::after, .container-inner > .main::before {

    background-color: #fff !important;

}

.page-title span {
    color: #111;
    font-size: 100%;
}

/*pagination dirty fix */


.wp-pagenavi span.pages {
	display: none;
}


.wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
    font-weight: 400;
    font-size: 110%;
    color: #111;
}

.wp-pagenavi a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
    font-weight: 400;
    font-size: 110%;
    color: #f02311;
    font-size: 110%;
    border: none;
}

/* pagination archive style */

.pagination a {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.pagination {
	display: none;
}

.view-more-button {
	background: none;
	border: 2px solid #f02311;
	text-transform: uppercase;
	padding: 5px 12px;
	display: inline-block;
	font-family: Ubuntu, sans-serif;
	cursor: pointer;
	color: #f02311;
	font-size: 84%;
	letter-spacing: 0.13em;
}

.view-more-button:hover {
	border: 2px solid #111;
	color: #111;
}

/* forms */

.wpcf7 p .wpcf7-checkbox span {
    font-weight: 400;
    color: #111;
}

.wpcf7-checkbox .wpcf7-list-item {
    display: block;
    padding-bottom: 3px;
}

.wpcf7 .wpcf7-form-control-wrap {
    margin-top: 5px;
}

.wpcf7 input[type="number"], .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 textarea {
    background: #fff;
    margin-top: 12px;
    border: 1px solid #111;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    border: 1px solid #111;
    border-radius: 0;
}

.wpcf7 input.wpcf7-submit {
    background: #f02311;
    font-size: 1em;
    border: 2px solid #f02311;
    color: #fff;
    padding: 8px 50px;
    border-radius: 0;
    margin-top: 8px;
    letter-spacing: 0.02em;
}

.wpcf7 input.wpcf7-submit:hover,
.wpcf7 input.wpcf7-submit:focus
 {
    background: #fff;
    border: 2px solid #f02311;
    color: #f02311;
    padding: 8px 50px;
    border-radius: 0;
    margin-top: 8px;
}
.wpcf7 label {
    margin-bottom: 8px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: 0;
    font-family: Lora, serif;
    padding: 10px 0;
    font-weight: bold;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: 0;
    font-family: Lora, serif;
    padding: 10px 0;
    font-weight: bold;
}

.wpcf7 .wpcf7-response-output {
    border: 0;
    font-family: Lora, serif;
    padding: 10px 0;
    font-weight: bold;
}


/*footer */

.footer-box {
		box-shadow: 0 -1px 25px rgba(0, 0, 0, 0.15);
		height: 100%;
}
.footer-text {
	color: #111;
	text-align: center;
	font-size: 90%;
float: none;
padding: 5px 0;
}


#footer #back-to-top {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0;
    box-shadow: none;
    color: #f02311;
    display: block;
    height: auto;
    margin: 0;
    overflow: hidden;
   position: absolute; 
   right: 20px;
   bottom: 5px;
    
}

#footer #back-to-top i {
    font-size: 160%;
}

/*custom queries */



/* Mobile breakdown point */

@media only screen and (max-width: 991px) {
	.social-wrap {
    display: none;
}

.site-title a span {
	font-size: 90%;
}

.single .entry h3 {
    font-size: 86% !important;
    letter-spacing: 0.15em !important; 
    font-family: Lora, serif !important;
    font-weight: 600 !important;  
}

.entry, .entry-excerpt, .entry.excerpt {
    font-size: 100%;
}


.main-nav {
	margin-top: 50px;
	text-align: center;
	display: block;
}

.main-nav > li {
    float: none;
    display: block;
    padding: 0 4px;
    border-right: 0;
}

#page {
    margin-top: 80px !important;
}

.post-list .page, .post-list .post {
    width: 100%;
}

.featured .post-title {
	font-size: 115%;
}

.column-grid-3 .column-span-1 {
    width: 95%;
}

.column-grid .column-last {
    float: none;
    margin-right: 0;
    margin-left: 0;
}

}

/* below vertical tablet */

@media only screen and (max-width: 767px) {
.site-title a img {

    display: block;
    max-width: 100%;
    max-height: 40px;
    margin: -6px 0 0 auto;

}
.nav {
	float: none !important;
}
.site-title {
	    width: auto !important;
}
.site-title a {
display: inline-block !important;
    text-align: left !important;
}
}