/*
 
Theme name: Victor Cavazzoni

Theme url: http://www.victorcavazzoni.com
 
Description: Theme for my personal site
 
Version: 1.0
 
Author: <a href="http://www.victorcavazzoni.com" title="Victor Cavazzoni">Victor cavazzoni</a>
 
Author url: http://www.victorcavazzoni.com
 
Tags: responsive, bootstrap based
 
*/
body {
	font-family: 'Playfair Display', serif;
	font-size: 16px;
	line-height: 30px;
	margin-top: 0px;
	/*background-image:url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;*/
	color: #000;
	background-color: #fff;
	
}
a {	color:#cbcbcb;}
a:hover {color:#333; text-decoration:none;}
img {display: block;  height: auto;  max-width: 100%; }
h1 {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	font-weight:bold;
	}
h2 {font-family: 'Josefin Sans', sans-serif; font-size: 18px; padding-top: 10px; color:#999; font-weight:bold;}
h2 a{color:#999;}
h2 a:hover{color:#333; text-decoration:none;}
a.navbar-brand {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 33px;
	text-transform: uppercase;
	color: #000;
	font-weight:bold;
}
.navbar-brand {
    /*position: absolute;*/
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
}
.navbar-brand>img {
   max-height: 100%;
   height: 100%;
   width: auto;
   margin: 0 auto;


   /* probably not needed anymore, but doesn't hurt */
   -o-object-fit: contain;
   object-fit: contain; 

}

 .navbar-nav {
    width: 100%;
    text-align: center; 
	    /*margin-top: 20px;*/
   font-family: 'Josefin Sans', sans-serif;
    /*text-transform: uppercase;*/}
 .navbar-nav > li {
      float: none;
      display: inline-block;
	  
	  }
  
.right {float:right;}

.navbar-nav > li > a {
     padding-top: 30px!important;
    padding-bottom: 0!important;
}



.navbar-nav {
	/*border-top: 1px solid #000;*/
	font-size: 18px; font-weight:400;
}
.footer {font-family: 'Josefin Sans', sans-serif; font-size: 14px;}
.btt a {color:#fff; background-color:#000; padding: 20px 30px 10px 30px; text-transform:uppercase;}
.btt {margin-top:75px;}

.profile img {margin: 0 auto;}
.social{text-align: center; margin-bottom:75px;}

.social ul {
list-style-type: none;
text-align: center;
padding-left:0;
}

.social li { display: inline-block; }
.social a { display: block; text-align: center; padding:0 10px;}

.underline {/*border-bottom: 1px solid #000;*/margin-bottom: 60px;}
.underl {border-bottom: 1px solid #000;padding-bottom: 5px;}
.underline15 {border-bottom: 1px solid #000;margin-bottom: 45px; padding-bottom: 15px;}
.overline {border-top: 1px solid #666;padding-top: 65px; margin-bottom: 45px;}

.block a {display:block;}
.back {font-size: 14px; font-family: 'Josefin Sans', sans-serif; margin-top:25px;}
.eng { margin-top:65px; font-style: normal;margin-bottom: 30px;}
.ita {font-style: italic; margin-top:65px; margin-bottom: 30px;}
.marbot125 {margin-bottom:125px;}
.marbot45 {margin-bottom:45px;}
.marbot30 {margin-bottom:30px;}
.marbot15 {margin-bottom:15px;}

.martop75 {margin-top:75px;}
.martop45 {margin-top:45px;}
.martop30 {margin-top:30px;}
.martop15 {margin-top:15px;}

.content_img img{margin-bottom: 60px;
/*border: 15px solid #fff;*/}



.roll img {margin: 0 auto;}

.roll a:hover img{
-webkit-filter: grayscale(100%);
  -webkit-transition: .1s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .1s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .1s ease-in-out;
  filter: grayscale(100%);
  opacity: 0.3;
 
}
.roll a img {
-webkit-filter: grayscale(0%);
  -webkit-transition: .1s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .1s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .1s ease-in-out;
  filter: grayscale(0%);
}

.post-title {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
	/*text-transform: uppercase;*/
	line-height:18px;
	font-weight:bold;
	color: #333;
  text-align:center;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  display:none; }
  
.roll:hover .post-title{display:block;}

.blog .hentry a .attachment-post-thumbnail,
.archive .hentry a .attachment-post-thumbnail,
.search .hentry a .attachment-post-thumbnail {
	border-radius: 180px;
	filter: none;
	-webkit-filter: none;
	-webkit-filter: none; /* Older versions of webkit */
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none; /* IE 10 */
	filter: none; /* IE 9 */
        opacity: 1;
}

.blog .hentry a:hover img,
.archive .hentry a:hover img,
.search .hentry a:hover img {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        opacity: .8;
        -webkit-opacity: .8;
        -moz-opacity: .8;
}
.prev a {
	background-color: #000;
	display:block;
	padding: 105px 0 45px 0;
	color:#FFF;
	text-align: center;
	background-image: url(images/nav_prev.png);
	background-repeat: no-repeat;
	background-position: center 37px;
}
.next a {
	background-color: #000;
	display:block;
	padding: 105px 0 45px 0;
	color:#FFF;
	text-align: center;
	background-image: url(images/nav_next.png);
	background-repeat: no-repeat;
	background-position: center 37px;
}

.me {margin-bottom: 120px;}
.me a {color:#000; text-decoration:underline; font-family: 'Josefin Sans', sans-serif; font-size:19px;}

@media (min-width: 991px) and (max-width: 1199px){ 
a.navbar-brand { font-size: 33px;}

.navbar-nav {
     font-size: 30px;
    margin-top: 40px;
}
}

@media (min-width: 767px) and (max-width: 990px){ 
a.navbar-brand {font-size: 33px;}
.navbar-nav {
 
    font-size: 30px;
    margin-top: 40px;
}
}

@media (min-width: 611px) and (max-width: 766px){ 
a.navbar-brand {font-size: 33px;}
    .social {margin-top: 50px;}
}


@media (min-width: 491px) and (max-width: 610px){ 
a.navbar-brand {font-size: 30px;}
}

@media (min-width: 331px) and (max-width: 490px){ 
a.navbar-brand {    font-size: 24px;
    text-align: left;}
.social {
    text-align: left;
    margin-bottom: 25px;
    margin-top: 35px;
}
h5 {    text-align: center;}
.navbar-nav {
     font-size: 29px;
}
}

@media (min-width: 251px) and (max-width: 330px){ 
a.navbar-brand {font-size: 13px;}
.social {margin-top:35px;}
}

@media (max-width: 250px){ 
a.navbar-brand {font-size: 16px; margin-top:-37px;}
.social {margin-top:35px;}
}