/*
 Theme Name:   Christmas with snow
 Theme URI:    https://christmaswithsnow.co.uk/
 Description:  Christmas with snow
 Author:       James Evans
 Author URI:   https://websright.com
 Template:     generatepress
 Version:      0.1
*/

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 768px) {
	body {
		font-size: 15px;
	}
}
h1 {
	font-weight: bold;
}
h4, h5, h6 {
	margin-bottom: 10px;
}
p:empty {
	display: none;
}
.clearfix {
	clear: both;
}
.clearfix:after {
	clear: both;
	content: "";
	display: table;
}
.align-c {
	text-align: center;
}
.buttons a.button {
	color: #fff;
	margin: 5px;
	font-weight: bold;
	font-size: 22px;
}
.button.inv-btn {
	background-color: #5c575e;
}
.button.inv-btn:hover {
	background-color: #B3C3DD;
}

.header-img .wp-image-16 {
	border: 8px solid #fff;
	box-shadow: 0px 3px 6px #00000029;
}
#tree-bg {
	padding-left: 0; padding-right: 0;
	margin-bottom: -10px;
}
#book {
	background-color: #5c575e;
	padding: 30px 20px 20px; 
	color: #fff;
}
#book a {
	color: #fff;
	text-decoration: underline;
}
.announcement-bar {
	padding: 5px;
	color: #fff;
	background-color: #5c575e;
}

/* woocommerce */
.woocommerce h1 {
	text-align: center;
}
.woocommerce.single-product h1 {
	text-align: left;
}

/* insta feed */
#insta-feed img {
	box-shadow: 0px 3px 6px #00000029;	
} 	

#insta-feed a {

}
@media (min-width: 500px) and (max-width: 899px) {
    #insta-feed .instagram_gallery a img {
        width: 32.33333333% !important;
    }    
}
@media (max-width: 499px) {
    #insta-feed .instagram_gallery a img {
        width: 49% !important;
    }
}
.social-icons {
	margin-top: 10px;
}

.social-icons a {
	font-family: 'icomoon';
	color: #5c575e;
	font-size: 28px;
	padding: 5px;
	display: inline-block;
}
#insta-feed .social-icons {
	display: inline-flex;
}

@font-face {
  font-family: 'icomoon';
  src:  url(//christmaswithsnow.co.uk/fonts/icomoon.eot?ts3ey7);
  src:  url(//christmaswithsnow.co.uk/fonts/icomoon.eot?ts3ey7#iefix) format('embedded-opentype'),
    url(//christmaswithsnow.co.uk/fonts/icomoon.ttf?ts3ey7) format('truetype'),
    url(//christmaswithsnow.co.uk/fonts/icomoon.woff?ts3ey7) format('woff'),
    url(//christmaswithsnow.co.uk/fonts/icomoon.svg?ts3ey7#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.icon-check:before {
  content: "\f00c";
}
.icon-close:before {
  content: "\f00d";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-times:before {
  content: "\f00d";
}
.icon-play-circle-o:before {
  content: "\f01d";
}
.icon-play:before {
  content: "\f04b";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-phone:before {
  content: "\f095";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-mobile:before {
  content: "\f10b";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-graduation-cap:before {
  content: "\f19d";
}
.icon-mortar-board:before {
  content: "\f19d";
}#wc-stripe-express-checkout-element iframe{max-width:unset}#wc-stripe-express-checkout-element{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:12px}#wc-stripe-express-checkout-element>div{flex:1;min-width:260px}