/*
Theme Name: Saskatoon Sprouts
Author: Themes Carts
Description: Child Theme.
Version: 1.6.2
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saskatoon-sprouts
Template: plant-nursery
*/


.flipbox{	
  	height: 430px;
	padding: 5px;
	perspective: 1000px;
	cursor: pointer;
}

.flipbox_inner{
	position: relative;
  	width: 100%;
  	height: 100%;
  	transition: transform 0.8s;
  	transform-style: preserve-3d;
}
.front, .back{
 	position: absolute;
  	width: 100%;
  	height: 100%;
  	backface-visibility: hidden;
  	display: flex;
  	flex-direction: column;
  	padding: 15px;
}
.front{
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: cover !important;
  	justify-content: flex-end;
}
.back{
  	background-color: #2d4059;
  	align-items: center;
  	justify-content: center;
  	text-align: center;
}
.up:hover .flipbox_inner{
 	transform: rotateX(180deg);
}
.up .flipbox_inner .back{
  	transform: rotateX(180deg);
}
.wp-block-cover:first-child(){
	justify-content: end !important;
    align-items: baseline !important;
}
.order-form .gform_body{margin-bottom: 50px;}
@media (max-width: 1440px) {
    .wp-block-site-logo img{width: 130px;}
    .owl-carousel .owl-item h2.wp-block-heading{font-size: 40px!important;}
}
@media (max-width: 1024px) {
    .wp-block-site-logo img{width: 115px;}
    .owl-carousel .owl-item h2.wp-block-heading{font-size: 36px!important;}
    .owl-carousel .owl-item p.sub-head{font-size: 18px!important;}
    footer .footer-logo{width: 115px;}
}
@media (max-width: 768px){
    .top-bar .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 48%!important;
    }
}
@media (max-width: 576px) {
    .menu-header .wp-block-columns .header-logooo{
        flex-basis: 65% !important;
    }
    .menu-header .wp-block-columns .header-logooo .logo-box{
        justify-content: left;
    }
    .menu-header .wp-block-columns .header-navv{
        flex-basis: 10% !important;
    }
    .menu-header .wp-block-columns .header-search{
        flex-basis: 10% !important;
    }
    .owl-carousel .owl-item p.welcome{font-size: 15px!important;}
    .owl-carousel .owl-item h2.wp-block-heading{font-size: 26px!important;}
    .owl-carousel .owl-item p.sub-head{font-size: 16px!important;}
}