/*
	Theme Name: Gavina Notes - Custom Theme by AUREA
	Theme URI: https://aurealab.net
	Description: Custom Theme for Wordpress - distilled by AUREA
	Version: 1.0
	Author: Aurea
	Author URI: https://aurealab.net
	Tags: AUREA, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	scroll-behavior: smooth;
}
.fa{
	font-family: "Font Awesome 5 Brands" !important;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
    font-family: FuturaLT;  
    src: url("fonts/FuturaLT-Book.ttf");  
    font-weight: normal;  
}
@font-face {
    font-family: FuturaLT-italic;  
    src: url("fonts/futura-lt-condensed-light-oblique.ttf");  
    font-weight: normal;  
}
@font-face {
    font-family: Garamond;  
    src: url("fonts/AGaramondPro-Regular_1.otf");  
    font-weight: normal;  
}
@font-face {
    font-family: Garamond-italic;  
    src: url("fonts/AGaramondPro-Italic_1.otf");  
    font-weight: normal;  
}
body, html, html .formTitle{
	font-family: FuturaLT;
}
html i, span.categorie{
	font-family: FuturaLT-italic;
}
body {
	font:300 11px/1.4 FuturaLT;
	color: #444 !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: FuturaLT !important;
}
::-moz-placeholder { /* Firefox 19+ */
  font-family: FuturaLT !important;
}
:-ms-input-placeholder { /* IE 10+ */
  font-family: FuturaLT !important;
}
:-moz-placeholder { /* Firefox 18- */
  font-family: FuturaLT !important;
}
.more-notes .articleTitle{ 
  font-family: Garamond-italic !important;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444 !important;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.articleTitle {
    color: #444;
    font-weight: 600 !important;
    font-family: Garamond;
	margin: 90px 0 64px !important;
	font-size: 20px !important;
}

.testo-inglese, .testo-italiano, .testo-altro, .articleCredits, .titolo_notes{ /*   .testo-italiano dfn, .testo-italiano cite, .testo-italiano em, .testo-italiano i */
	font-family: Garamond !important;
}
cite, em, i, .siti, .suggest{
	font-family: Garamond-italic !important;
	letter-spacing: 1px;
}
i.copyright-foto{
	top: 10px;
    position: relative;
    font-size: 13px;
}
.testo-altro p, .articleCredits p{
	margin: 0;
}
.articleCredits, .articleCredits a{
	color: #b3001f !important;
}
.contentItem.portrait .categorie{
	font-size: 14px;
	letter-spacing: 3px;
}
.mtop-10{
	margin-top: 10px;
}
.mtop-20{
	margin-top: 20px;
}
.mtop-30{
	margin-top: 30px;
}
.mtop-40{
	margin-top: 40px;
}
.foto-word b, .margin-info{
	width: 100px;
    display: inline-block;
}
.image-notes p{
	font-size: 15px;
}
.image-notes p{
	margin: 0;
}
.right-side{
	width: 100px;
	display: flex;
}
.left-side{
	/*margin-left: 100px;*/
}
.left-side p{
	/*line-height: 1.2 !important;*/
}
.headerAbout a{
	color: #fff;
}
.date{
	font-size: 13px;
}
.address{   
	border-top: 1px solid #bebebe;
    margin-bottom: 40px;
    padding-top: 40px;
    max-width: 370px;
    display: flex;
}
.foto-word{   
	/*border-top: 1px solid #bebebe;
    margin-bottom: 80px;
    padding-top: 40px;*/
    max-width: 370px;
    display: flex;
}
.copyright{
	font-size: 15px;
    float: right;
    text-align: right;
}
video{
	width: 100%;
}
.single-image-note{
	width: 75%;
	display: block;
	margin: auto;
	background-size: cover;
	background-position: center;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
body{
	background-color: #fff !important;
}
/* wrapper */
.wrapper {
	max-width: 1400px;
    margin: 0 auto;
    padding: 0 25px;
}

/*body {
    padding-top: 300px;
}
body.archive {
    padding-top: 300px;
}
body.single-post {
    padding-top: 220px;
}*/
/* header */
.menu-gavina{
    opacity: 1;
    display: block;
}
.menu-gavina.hide-menu{
    display: none;
    transition: opacity 1s ease-out;
    opacity: 0;
}
.header {

}
.searchForm #searchHeader{
	height: 40px;
}
#masthead .searchForm{
	margin-top: 20px;
}
li.instagram a {
    background-image: url(img/logo-instagram.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    height: 50px;
    display: block !important;
    padding: 16px;
    outline: none;
    text-align: left;
    text-indent: -999999px;
    transition: background-image .3s linear;
}
.instagram a:hover {
    opacity: .7;
}
.instagram {
    cursor: pointer;
}
/* logo */
.site-title a {
    background-image: url(img/logo-gavina.svg) !important;
    background-size: 130px auto !important;
    /*height: 80px  !important;*/
    width: 130px !important;
}

/* nav */
#site-navigation {
    /*margin-top: 120px;*/
    align-items: start !important;
    justify-content: left !important;
}
#site-navigation-2 {
    margin-top: 0px;
    align-items: start !important;
    justify-content: left !important;
}
.single-post #site-navigation {
	margin-top: 80px;

}
#site-navigation li, #site-navigation-2 li {
    font-family: FuturaLT-italic;
}
#site-navigation li a {
    text-transform: none;
    font-size: 18px;
    padding: 16px 45px 16px 0px;
    letter-spacing: 3px;
} 
#site-navigation-2 li a {
    text-transform: lowercase;
    font-size: 15px;
    padding: 0px 16px 16px 0px;
    letter-spacing: 3.5px;
}    
.single-post #site-navigation-2 li a {
    padding: 0px 16px 16px 0px;
}
.single-post #masthead{
	padding-bottom: 0px !important
}
#site-navigation .menu-item a, #site-navigation-2 .menu-item a {
    color: #444;
}
#site-navigation .menu-item a:hover, #site-navigation-2 .menu-item a:hover {
    color: #000;
}
#site-navigation .current-menu-item a, #site-navigation .current-category-ancestor a, #site-navigation-2 .current-menu-item a  {
    color: #b3001f;
    font-weight: 600;
}
.pagination{
	text-align: center;
    font-size: 16px;
    font-family: FuturaLT-italic;  
}
.owl-nav { display: none !important; }
.owl-dots.disabled { display: block !important; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
  background: #b3001f;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
    margin-top: 10px;
}
.more-notes, .latestPosts{
	margin-bottom: 150px;
}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}
.boxzilla input#mc-embedded-subscribe-footer {
    display: inline;
    width: 36px;
    height: 30px;
    background: 0 0;
    box-shadow: none;
    text-shadow: none;
    margin-left: -4px;
    border-radius: 0;
    font-size: 16px;
    text-indent: -99999px;
    background-image: url(img/arrowRightBlack.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center center;
    vertical-align: -1px;
}

.boxzilla-content{
	display: flex;
}
.boxzilla .newsletter-left, .boxzilla .newsletter-right{
	width: 50%
}
.newsletter-right img{
	height: 210px;
    margin: 0 auto;
    display: block;
}
.boxzilla.boxzilla-bottom-left {
    bottom: 12px !important;
    left: 12px !important;
    width: 525px !important;
    max-width: 525px !important;
}
.subscriptionText.viewmap{
	width: 100%;
	text-align: left;
	padding-left: 0;
}
.subscriptionText a:hover {
    background-color: #404040;
    color: #fff !important;
}
.fas.fa-dot-circle.custom{
	top: 30% !important;
}
article.friends{
	display: flex
}
article.friends .articleImages{
	padding-left: 100px;
}
article.friends .articleWords p, article.friends  .articleWords span, article.friends  .articleWords * {
	max-width: max-content;
}
article.friends .articleTitle{
	margin-top: 0px !important;
    line-height: normal;
}
.articlesFriends{
	margin-top: 0px !important;
}

article.page{
	display: flex
}
article.page .articleImages{
	padding-left: 100px;
}
article.page .articleWords p, article.page  .articleWords span, article.page  .articleWords * {
	max-width: max-content;
}
article.page .articleTitle{
	margin-top: 10px !important;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/
.img-notes{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 484px;
}
.archive.post-type-archive-friends .img-notes{
    background-position: top center;
}
i.contentItem .img-notes {
    filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
    transition: all .4s ease-in-out;
    outline: none;
    max-width: 100%;
    display: block;
    width: 100%;
}
li.contentItem a:hover .img-notes{
    filter: brightness(90%);
    -webkit-filter: brightness(90%);
    -moz-filter: brightness(90%);
    -o-filter: brightness(90%);
    -ms-filter: brightness(90%);
}
.img-notes {
	    filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
    transition: all .4s ease-in-out
}
.boxzilla #mc-embedded-subscribe-form input {
    color: #0e0e0e !important;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
	.img-notes {
	    height: 357px;
	}
	
}
@media only screen and (min-width:1024px) {
	.img-notes {
	    height: 349px;
	}
	#site-navigation {
    	margin-top: 40px;
    }
	body, body.archive {
	    padding-top: 210px;
	}
	body.single-post {
	    padding-top: 220px;
	}
	.more-notes .img-notes {
	    height: 300px;
	}
}
@media only screen and (min-width:1140px) {
	.img-notes {
	    height: 389px;
	}
	#site-navigation {
    	margin-top: 40px;
    }
	body, body.archive {
	    padding-top: 210px;
	}
	body.single-post {
	    padding-top: 220px;
	}
	.more-notes .img-notes {
	    height: 339px;
	}
}
@media only screen and (min-width:1280px) {
	.img-notes {
	    height: 440px;
	}
	.more-notes .img-notes {
	    height: 385px;
	}
	#site-navigation {
    	margin-top: 80px;
    }
	body, body.archive {
	    padding-top: 260px;
	}
	body.single-post {
	    padding-top: 220px;
	}
	#main, .wrapper {
		max-width: 1200px;
	    margin: 0 auto;
	    padding: 0 25px;
	}
}
@media only screen and (min-width:1440px) {
	#main, .wrapper {
		max-width: 1200px;
	    margin: 0 auto;
	    padding: 0 25px;
	}
	.img-notes {
	    height: 412px;
	}
	.img-notes.more {
	    height: 391px;
	}
	/*** CONTAINER PIU GRANDE SOLO NEL SINGOLO ARTICOLO... A TE CHE LEGGI, SCUSACI TANTO ***/
	.single-post #main, .single-post .wrapper {
	    max-width: 1300px;
	}
	#site-navigation {
    	margin-top: 120px;
    }
    body, body.archive {
	    padding-top: 300px;
	}
	body.single-post {
	    padding-top: 220px;
	}
}
@media only screen and (min-width:1980px) {
	#main, .wrapper {
		max-width: 1400px;
	    margin: 0 auto;
	    padding: 0 25px;
	}
	.img-notes {
	    height: 484px;
	}
	/*** CONTAINER PIU GRANDE SOLO NEL SINGOLO ARTICOLO... A TE CHE LEGGI, SCUSACI TANTO ***/
	.single-post #main, .single-post .wrapper {
	    max-width: 1600px;
	}
	#site-navigation {
    	margin-top: 120px;
    }
    body, body.archive {
	    padding-top: 300px;
	}
	body.single-post {
	    padding-top: 220px;
	}
}
@media (max-width: 1023px){
	#content{
		margin-top: 230px;
	}
}
@media (max-width: 900px){
	article.page{
		display: block
	}
	article.page .articleImages {
	    padding-left: 0px;
	}
}
@media (max-width: 800px){
	.site-info .footerSocial {
		text-align: left !important;
	}
	div.footerMenus{
		display: none !important;
	}
	.filterOpen{
		display: inline-block !important;
	}
	.secondary-menu {
	    width: 50% !important;
	}
}
@media (max-width: 768px){
	#content {
	    margin-top: 0;
	}
	.secondary-menu ul{
		height: 50px !important;
	}
	body{
		padding-top: 70px;
	}
	#site-navigation-2 {
	    display: none !important;
	}
	#main #site-navigation-2 {
	    display: flex !important;
	    margin-top: 20px
	}
	.more-notes .img-notes {
	    height: 566px;
	    
	}
	#site-navigation {
    	margin-top: 40px;
    }
	#site-navigation {
	    display: none !important;
	}
}
@media (max-width: 600px){
	body {
	    padding-top: 20px;
	}
	.more-notes .img-notes {
	    height: 436px;
	}
	.img-notes {
	    height: 355px;
	}
}
@media (max-width: 530px){
	.boxzilla.boxzilla-bottom-left .newsletter-right{
		display: none;
	}
	.boxzilla.boxzilla-bottom-left{
		width: auto !important;
		max-width: 340px !important
	}
}
@media (max-width: 500px){
	.wrapper {
	    padding: 0 20px !important;
	}
	.img-notes {
	    height: 600px;
	}
	.more-notes .img-notes {
	    height: 291px;
	}
}



@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}