/*
Theme Name: giuliaBetti
Theme URI: https://bootscore.me/
Author: bootScore
Author URI: https://bootscore.me
Description: Custom website using bootscore: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Version: 5.1.3.0
Tested up to: 5.8.1
Requires PHP: 5.6
License: MIT License
License URI: https://github.com/crftwrk/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Giulia Betti is a personal website theme usingi Bootscore.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/***********************CUSTOM CSS********************************/

a{
	color: #993366;
	text-decoration: none!important;
}



button{
	color: #212529;
}

.btn-tertiary{
	color: #fff!important;
	background-color: #012b35!important;
	border-color: #012b35!important;
}
.btn-tertiary:hover{
	color: #012b35!important;
	background-color: #fcfbf5!important;
	border-color: #012b35!important;
}


#content{
	min-height: 400px!important;
}

h5, .h5 {
    font-size: 1.2rem!important;
    margin-bottom: 0!important;
	font-weight: 600!important;
}

.contatti .entry-content a {
    color: #252525;
    text-decoration: none;
    font-size: 1.2rem;
}
.contatti .entry-content a:hover,
.contatti .entry-content .to-hover:hover {
    color: #7c183d;
}

a.social i {
    font-size: 2.3rem;
}

.container-content{
 max-width: 1020px; 
 margin: 0 auto;
}

.container-portfolio{
    max-width: 1880px;
    margin: 0 auto;
}

.navbar-nav a{
	font-weight: 400!important;
	transition: all .2s;
}
.navbar-nav a:hover{
	text-decoration: underline!important;
}

.navbar-nav a.active{
	text-decoration: underline!important;
}

.navbar-brand.xs{
    width: 50%
}
.navbar-brand.xs img{
    width: 100%;
}
.navbar-brand img{
    width: 80%;
}
.navbar-dark .navbar-nav .nav-link{
    color: #7c183d!important;
	font-size: 1.4rem;
}



.current_page_parent a {
	text-decoration: underline;
}

.footer_widget a {
    color: #fcfbf5;
    text-decoration: none;
}

.widget-area ul, .bootscore-footer ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

#content a{
	font-weight: 700;
}

#content a:hover,
#content a:active {
	color: #006699;
}



/*------------NAVBAR MOBILE--------------*/
#nav-main .menu-item:last-child .nav-link{
    padding-right: 2rem!important;
}

.nav-icon {
    position: relative;
    top: -.5rem;
  }
  
  .nav-icon, .nav-icon::before, .nav-icon::after {
    height: 2px;
    width: 2rem;
    background-color: #fff;
    display: inline-block;
  }
  
  .nav-icon::before, .nav-icon::after {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  
  .nav-icon::before {
    top: -.5rem;
  }
  
  .nav-icon::after {
    top: .5rem;
  }
  
  .open.nav-icon {
    background-color: transparent;
  }
  
  .open.nav-icon::before {
    top: 0;
    width: 2rem;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  
  .open.nav-icon::after {
    top: 0;
    width: 2rem;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
  }
  
.offcanvas.show .offcanvas-body{
	height: 100vh;
}

/*------------SEARCH--------------*/
#collapse-search {
    background-color: #efd7df;
	overflow: scroll;
	padding-bottom: 40%;
}

#collapse-search form.searchform.input-group{
    padding-top: 1.25rem;
}

#collapse-search form.searchform input{
    background-color: #efd7df;
    border: none;
    border-bottom: 2px solid #01586c;
    border-radius: 0;
    color: #01586c;
    font-size: 1.4rem;
}

#collapse-search form.searchform button{
    border: none;
    border-radius: 0;
    font-size: 1.4rem;
}


/*-----------HOME----------------*/
#homepage section{
    margin-top: 2rem;
    margin-bottom: 7rem;
}

.h-farma{
    font-size: 3rem;
    font-weight: 100;
}

.fig-tag{
    position: absolute;
    padding: 10px 15px;
    font-family: 'Outfit', sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    background-color: #7c183d;
    bottom: -8px;
    color: #fff;
}
/*------------HOME PORTFOLIO----------*/

.port-home__container--big{
    height: 450px;
    width: 100%;
    margin-bottom: 20px;
    cursor: pointer;
	transition: all .3s;
}
.port-home__container--small{
    height: 290px;
    width: 100%;
    margin-bottom: 20px;
    cursor: pointer;
	transition: all .3s;
}
.port-home__big{
    height: 450px;
}
.port-home__small{
    height: 290px;
}
.port-home__img--big{
    height: 450px;
    width: 100%;
    object-fit: cover;
}
.port-home__img--small{
    height: 290px;
    width: 100%;
    object-fit: cover;
}

.port-home__container--big:hover,
.port-home__container--small:hover{
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
-webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}

.port-home__container--big:hover::after,
.port-home__container--small:hover::after{
    -webkit-transform: scaleX(1.4) scaleY(1.6);
          transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}


/*-----------PORTFOLIO------------*/
button.pt-filter {
    border: none;
    background: none;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 13px;
}
button.pt-filter:hover,
button.pt-filter.active {
    background-color: #01586c;
    color: #fcfbf5;
    border-radius: 5px;
}

.portfolio .col{
    margin-top: 5rem;
}

/*------------ MASONRY SINGLE PORTFOLIO -----------------*/

.grid-sizer,
.grid-item { 
    width: 100%; 
}

.grid-item {
    margin-bottom: 20px;
}

/*--------------SINGLE PORTFOLIO---------------*/

.similar-portfolio a{
    color: #212529;
    text-decoration: none;
}


.similar-portfolio__fit{
    width: 400px;
    height: 400px;
    object-fit: cover;
    margin-bottom: 2rem;
}

.card-overlay{
    height: 100%;
}

.card-overlay__block {
    height: 400px;
    max-width: 400px;
    margin: 0 auto;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.card-overlay-blog__block {
    height: 320px;
    margin: 0 auto;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}
  
.card-overlay a{
    color: #7c183d;
    text-decoration: none;
    background-color: transparent;
	font-weight: 400!important;
}

.card-overlay a:hover{
	color: #6c7a89!important;
}

.card-overlay:hover .card-overlay__block:before,
.card-overlay:hover .card-overlay-blog__block:before{
    opacity: 1;
    visibility: visible;
}

.card-overlay__block:before,
.card-overlay-blog__block:before    {
    transition: all .3s ease-in-out;
    bottom: 0;
    display: block;
    left: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(108, 122, 137, .5);
    content: "";
}


.card-overlay__body{
    margin-top: 1rem;
}
.card-overlay__label a,
.card-overlay__title a,
.card-overlay__text a{
    color:#212529;
}

.card-overlay:hover .card-overlay__title a,
.card-overlay:hover .card-overlay__label a,
.card-overlay:hover .card-overlay__text a {
    color: #6c7a89;
}

.col-single-blog {
    max-width: 400px;
    text-align: left;
    margin: 0 auto;
    margin-top: 1rem;
}

.highlight{  
  background-color: #f5d0de;
  color: #333333;
}

.txt-higher{
  font-family: 'Crimson Text', serif;
  font-size: 1.4rem;
  border-bottom: 2px solid #333333;
  display: inline-block;
  transform: translateY(-8px);
}

/*--- AOS ----
[data-aos=spin] {
    transform: rotate(360deg);
    opacity: 0;
    transition-property: transform, opacity;
  }
  [data-aos=spin].aos-animate {
    transform: rotate(0);
    opacity: 1;
  }
*/


/*--------------SINGOLO BLOG------------------------*/
.container-blog {
    max-width: 1650px;
    margin: 0 auto;
}

.header-post-img img{
	height: 150px;
	width: 100%;
	object-fit: contain;
	object-position: center;
}


/*--------------SOCIAL ICONS---------------------------*/
.social-icons a{
    margin-right: .5rem;
    font-size: 1.5rem;
    color: #212529;

}

/*------------ABOUT------------------------*/
.img-chisono{
	max-width: 100%;
}



@media (min-width: 768px){
	.header-post-img img{
	height: 250px;
	width: 100%;
	object-fit: contain;
	object-position: center;
}
	
    .navbar-brand.md{
        width: 35%;
    }
    .grid-sizer,
    .grid-item { 
        width: 48%; 
    }

    .col-custom-1,
    .col-custom-2{
        width: 100% !important;
    }

    .h-farma{
        font-size: 7rem;
        font-weight: 100;
    }
	
	#collapse-search {
		overflow: hidden;
		padding-bottom: 0;
	}

}

@media (min-width: 992px) { 

	.header-post-img img{
	height: 350px;
	width: 100%;
	object-fit: contain;
	object-position: center;
}
    
    .static-lg-top{
        position: static!important;
    }


    .navbar-dark .navbar-nav .nav-link{
        color: #ffffff!important;
        padding-left: 1rem!important;
        padding-right: 1rem!important;
		font-size: 1.85rem;
    }
    #nav-main .menu-item:last-child .nav-link{
        padding-right: 0!important;
    }

    .grid-sizer,
    .grid-item { 
        width: 30%; 
    }
    button.pt-filter:not(:last-child) {
        margin-right: 6rem;
		
    }
	button.pt-filter{
		transition: all .3s;
		font-size: 1.3rem;
	}

    .h-farma{
        font-size: 4rem;
        font-weight: 100;
    }

    .port-home__container--small{
        height: 215px;
        width: 100%;
        margin-bottom: 20px;
		transition: all .3s;
    }
   
    .port-home__small{
        height: 215px;
    }
   
    .port-home__img--small{
        height: 215px;
        width: 100%;
        object-fit: cover;
    }

    
}

@media (min-width: 1200px){
	
		.header-post-img img{
	height: 450px;
	width: 100%;
	object-fit: contain;
	object-position: center;
}
	
    .grid-sizer,
    .grid-item { 
        width: 32%; 
    }

    .h-farma{
        font-size: 5rem;
        font-weight: 100;
    }

    /*------------------------BLOG--------------------------*/

.col-blog{
    padding-left: 3rem!important;
    padding-right: 3rem!important;
    margin-top: 3rem!important;
}

.card-overlay-blog__block {
    height: 400px;
    margin: 0 auto;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

}

@media (min-width: 1400px){
	
		.header-post-img img{
	height: 550px;
	width: 100%;
	object-fit: contain;
	object-position: center;
}
	
    .navbar-dark .navbar-nav .nav-link{        
        padding-left: 2rem!important;
        padding-right: 2rem!important;
    }
    .navbar-brand img{
        width: 55%;
    }
    .card-portfolio{
        width: 25rem;
        margin: 0 auto;
    }

    /*.card-portfolio__side{
        width: 30rem!important;
    }*/
    .h-farma{
        font-size: 7rem;
        font-weight: 100;
    }

   


}

@media (min-width: 1920px){

	
	.container-xxxl{
		max-width: 1920px;
		margin: 0 auto!important;
	}
	
	.card-portfolio{
        width: 28rem;
        margin: 0 auto;
    }
	
    .card-overlay__block{
        height: 500px;
        max-width: 500px;
    }

    .col-single-blog{
        max-width: 500px;
    }

    .h-farma{
        font-size: 9rem;
        font-weight: 100;
    }

     /*------------HOME PORTFOLIO----------*/

     .port-home__container--big{
        height: 600px;
        width: 100%;
        margin-bottom: 20px;
		transition: all .3s;
    }
    .port-home__container--small{
        height: 290px;
        width: 100%;
        margin-bottom: 20px;
		transition: all .3s;
    }
    .port-home__big{
        height: 600px;
    }
    .port-home__small{
        height: 290px;
    }
    .port-home__img--big{
        height: 600px;
        width: 100%;
        object-fit: cover;
    }
    .port-home__img--small{
        height: 290px;
        width: 100%;
        object-fit: cover;
    }
	

}

/*NO HOVER*/
@media (hover:none){

    .card-portfolio.flip .card-portfolio__side--front{        
        transform: rotateY(-180deg);
    }
    
    .card-portfolio.flip .card-portfolio__side--back {          
        transform: rotateY(0);
    }

}

/*HOVER*/
@media (hover:hover){

    
  .card-portfolio:hover .card-portfolio__side--front {
    transform: rotateY(-180deg);
  }

  .card-portfolio:hover .card-portfolio__side--back {
      transform: rotateY(0);
  }

    
}