/*
Theme Name: Portum_Child
Theme URI:
Author: Macho Themes
Author URI: https://www.machothemes.com/
Description: Portum_Child an agency based theme
Version: 1.0.6
Tags: Blog, E-Commerce
Text Domain: portum
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.wpcf7 .form.sent .wpcf7-response-output{
	background-color:white !important;
	padding:20px;
}


.horiz{
	display:block;
	}

.vert{
	display:none;
	}

#content>.custom-header>img:last-child{
	width:100%;
	min-height: 160px;
	}

h1.pages{
	font-size:10px;
	padding:0;
	margin:0;
	opacity:0;
	word-wrap: break-word;
	}

h2.pages{
	font-size:28px;
	}

.frontpage.prefaz{
	text-align:center;
	}

.pagecontent{
	padding: 20px 30px;
	}

#claim {
    position: absolute;
    top: 190px;
    width: 600px;
    right: 50%;
    text-align: center;
    margin: auto;
    transform: translateX(50%);
	}

#claim.stuckclaim{
	 top: 260px;
	}

.elrelative{
	position:relative;
	z-index:-1;
	margin-top:0px;
	}

.elfixed {
    position: fixed;
    height: 100vh;
    width: 80%;
    background-image: url('https://www.modacontrocorrente.it/wp-content/uploads/2022/08/controcorrente-allestimento-logo-piccolo.jpg');
	background-image: url('https://www.modacontrocorrente.it/wp-content/uploads/2022/07/controcorrente-allestimento-busto.jpg');
	background-repeat: repeat-y;
	background-size: cover;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
	z-index:-1;
	}

.elremove{
	margin-bottom:-25px;
	}

.fixedbg{
   content: '';
   position: fixed;
   z-index: -1;
   display: block;
   top: 0px;   
   bottom: 0px;   
   background-image: url('https://www.modacontrocorrente.it/wp-content/uploads/2022/07/cropped-controcorrente-logo-100-small.jpg');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center top;
	}

div.frontpage{  
   background-color: white;
   margin-bottom:0px;
	padding:40px 40px 80px 40px;
	}

div.profile.frontpage{  
   background-color: white;
   margin-bottom:0px;
	padding:40px 40px 80px 40px;
	margin-top:0;
	}

div.profile.frontpage>a>img{  
   width:200px;
	}

div.frontpagetitle{  
	margin-top:300px;
   background-color: white;   
	padding:0 40px 0 40px;
	}

div.sectionbg{  
	margin-top:0px;
   background-color: white;   
	padding:40px;
	}

.single_item_article{
	text-align:center;
	margin:20px 0px 20px 0px;	
	}

  .img-hover-zoom {        
		display:inline-block;
		margin: auto;
    overflow: hidden;        
        max-width: 100%;		
	}
	
	  .img-hover-zoom img {       
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
	   max-height: 500px;
    width: 100%;
    height: auto;
    transform: scale(1);
    }
	
	.img-hover-zoom:hover img{
     -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);    
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
	-o-transition: 0.5s all ease 0s;
	transition: 0.5s all ease 0s;
    }
	
	#footer-bottom-widget-area-1, #footer-bottom-widget-area-2{
		text-align: left;
	}
	
	.container.noauto{
		margin-left:15px;
		margin-right:15px;
	}
	
	#footer #footer-widgets{
		padding:15px 5px;
	}
	
	#footer-bottom-widget-area-1 a{
	color: #95877E;
	}
	
	#footer-bottom-widget-area-1 a:hover{
	color:white;
	}
	
	h1{
	color:#A06553;
	margin-bottom: 4px;
	word-wrap: break-word;
	}

h1.title-hidden{
	display:none;
	}
	
	h2{
	color:#A06553;
	margin-top: 4px;
	padding-top:4px;
	}

	.separator{
	background-color:white;	
	padding:40px;	
	}	

.itemcard{
	width:100%;	
	border:solid 1px;
	}

.imgcontainer{
	width:100%;
	height:240px;	
	overflow:hidden;
	}
.itemcard-img-top{
	width:100%;		
	}

.itemcard-body{
	padding:10px;
	}

.intro-item>h5,.intro-item>h4{
	color:#a1083a;
	}

.itemcard-list-title{
	background-color:#a1083a;
	padding:10px 15px 10px 15px;
	text-align:center;
	color:white;
	}

.flex-list {
  display: flex;
  flex-wrap: wrap;
	}

.itemlist-group.list-group-flush>li{
	list-style:none;
	padding:15px 5px;	
	}

.itemlist-group.list-group-flush.details>li{	
	border-bottom: 1px solid #A09F9A;
	}

.itemlist.left{
	width:90%;
	}

.itemlist.right{
	width:10%;
	font-weight: bold;
	}

.itemlist.left.palette{
	width:40%;
	}
.itemlist.right.palette{
	width:10%;
	}

	.list-group-item.palette{	
	   height: 50px;
        overflow: hidden;	
	}

.list-group-item>img{	
	 width:100px;       	
	}

.card-body.single_item_card_body{	
	background-color:#a1083a;
	color:white;
    padding-bottom: 30px;
	max-height: 130px;	
	}

.subtitle_item{
	text-align:center;
	color:#a1083a;	
	}

a.readmore{
	color:#F5F5F5;
	padding-bottom:10px;
	text-decoration: underline;
	}

.link{
	text-align:center;
	}

a.readmore-out{	
	padding-bottom:10px;
	text-decoration: underline;
	}

a.readmore:hover{
	color:white;
	}
	
.profile{
	text-align:right;	
	 }

.hidden{
	display:none;
	}

									/* Responsive */

@media screen and (min-width: 1400px){
	
	div.frontpagetitle{
		margin-top:500px;
	}
 
	.img-hover-zoom img {     
	   max-height: 800px;   
    }
		
	.elfixed {    
    width: 1160px;
	}
		
	#claim ,#claim.stuckclaim {    
    top: 300px;
	}	 
}

@media screen and (max-width: 714px) and (min-width: 715px){
		
 	.profile{
		 margin-top:50px;
		text-align:center;	
	 }					
		
	div.frontpagetitle {
    margin-top: 0px;    
   }
		
	#claim{    
    top: 160px;
	}
			
	#claim.stuckclaim {    
    top: 210px;    
   }
}
	
@media screen and (max-width: 782px) and (min-width: 605px){
		
	
	.horiz{
	display:none !important;
	}
	
	.vert{
	display:block !important;
	}
	
 .profile{
	 margin-top:50px;
	text-align:center;	
	 }
		
		#claim {    
    top: 210px;    
    }

#claim.stuckclaim{
	 top: 210px;
    }		
}

@media screen and (max-width: 604px) and (min-width: 355px){
		
	h1{
		font-size:36px !important;
	}
	
	h2{
		font-size:32px !important;
	}
	
	.horiz{
	display:none !important;
	}
	
	.vert{
	display:block !important;
	}
	
	div.sectionbg{ 	   
	padding:0 !important;
	}
	
	div.profile.frontpage{ 
	padding:0px 40px 60px 40px;	
    }
	
 	.profile{
	 margin-top:50px;
	text-align:center;	
	 }
		
	#claim {    
  	top: 170px;    
   	 }

	#claim.stuckclaim{
	 top: 220px;
   	 }		
}

@media screen and (max-width: 354px) and (min-width: 281px){
	
	h1{
		font-size:30px !important;
	}
	
	h2{
		font-size:28px !important;
	}	
				
	.horiz{
	display:none !important;
	}
	
	.vert{
	display:block !important;
	}
	
	div.sectionbg{ 	   
	  padding:0px !important;
      }
	
	div.profile.frontpage{ 
	padding:0px 20px 80px 20px;
		text-align:center;
    }
	
	div.frontpage {   
    padding: 20px 20px 10px 20px;
  }
		
	#claim {    
    top: 180px;    
    }

	#claim.stuckclaim{
	 top: 235px;
    }
		
 	div.frontpagetitle {
    margin-top: 0px;        
   }
		
	.separator{
	padding:2px;	
   }
}

@media screen and (max-width: 280px){
	
	h1{
		font-size:25px !important;
	}
	
	h2{
		font-size:21px !important;
	}	
	
		.horiz{
	display:none !important;
	}
	
	.vert{
	display:block !important;
	}
	
	div.sectionbg{ 	   
	  padding:0px !important;
      }
	
	div.profile.frontpage{ 
	padding:0px 20px 80px 20px;
		text-align:center;
    }
}