/*
Theme Name: Pirjon Paletti
Author: Datnet
Author URI: 
Theme URI: 
Tags: full-site-editing
Text Domain: pirjonpaletti
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.4
Version: 1.0.0
*/

.fa-envelope {
	color: #666666 !important;
	padding-right: 10px;
}


.copyright {
	color: #666666 !important;
	font-size: 1rem !important;
}

/*  Back To Top */
.topbutton {
     /* height: 100px;
     width: 100px; */
     position: fixed;
     right: 20px;
     bottom: 40px;
     Z-index:1;
     /* background-image:url("images/backtotop.png"); */
     background-repeat: no-repeat;
     display: none; 
}

.fa-arrow-circle-up {
	color: #FF8C00 !important;
}

.fa-arrow-circle-up:hover {
	color: #FF6347 !important;
}

/* -----------------------------------------------------------------
			Responsive Breikpoints
-------------------------------------------------------------------*/

/* *************************************************************** */


/* Extra small devices (phones, 480px and down) */
 @media(max-width: 480px) {...}
 
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {...}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}

/* ************************************************************** */

/* Extra small devices (phones, 480px and down) */
 @media(max-width: 480px) {
	 
	 p.title  {
        font-size: 0.5rem !important;
    }
	
    .shrinkToFit {
        width: 100% !important;
    }
	 
	 .copyright {
		font-size: 0.7rem !important;
	} 
	 
	 .wp-block-gallery .wp-block-image {
    	width:100% !important;
  	}
	 
	 h2.image-gallery {
		 font-size: 1.0rem;
	 }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

	.pirjo-paletti-logo {
		width: 80% !important; 
		height: auto;
	}

	p.title  {
        font-size: 0.8rem !important;
	} 
}
	
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	
	.copyright {
		font-size: 1rem !important;
	} 
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

	.copyright {
		font-size: 0.9rem !important;
	} 
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

	.copyright {
		font-size: 1rem !important;
	} 
}