/*
Theme Name: Snowflakes Pro
Theme URI: https://catchthemes.com/themes/snowflakes-pro/
Author: Catch Themes
Author URI: https://catchthemes.com/
Description: Snowflakes Pro is a Christmas version of our popular Photography WordPress theme - Fotografie. Snowflakes, child theme of Fotografie is a Christmassy Photography WordPress theme that will give your website a warm and welcoming look and feel of Christmas. Snowflakes Pro is simple, elegant and responsive WordPress theme. It is ideal for creating photography websites for photographers, graphic designers, freelancers, artists, or bloggers. It comes with all the basic features such as header media option, hero content, portfolio, featured slider, featured content, custom menus, color scheme and more. With all these incredible features, you can create a pleasant website of any kind with a welcoming Christmassy look. Snowflakes Pro purely focus on providing your website a jolly look with its vibrant color palette. This theme is translation ready. For more details, check out the Theme Instructions at https://catchthemes.com/theme-instructions/snowflakes-pro/ and Support forum at https://catchthemes.com/support-forum/forum/snowflakes-pro-premium/.
Template: fotografie
Version: 2.0
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: snowflakes-pro
Tags: one-column, two-columns, left-sidebar, right-sidebar,  flexible-header, custom-background, custom-logo, custom-header, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, rtl-language-support, translation-ready, blog, photography, portfolio, holiday

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Clearings
# Typography
# Formattings
# Navigation
# Layout
	## Header
	## Content
	## Slider
# Media Queries
	## >= 900px
	## >= 768px
	## >= 1200px
	## >= 1536px
# Colors
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.site-header-main:before,
.site-header-main:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.site-header-main:after {
  clear: both;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
input,
select,
textarea,
.site-description,
.widget .widget-title,
.widget .entry-title {
	font-family: 'EB Garamond', serif;
}

.site-title,
h1, h2, h3, h4, h5, h6 {
	font-family: 'Dancing Script', cursive;
	letter-spacing: normal;
}

.site-title,
.custom-header .entry-title,
#feature-slider .entry-title,
.blog-section-headline .page-title,
.site-info {
	text-transform: capitalize;
}

.custom-header .entry-title,
.site-content .blog-section-headline .page-title {
	font-size: 40px;
	font-size: 2.5rem;
}

.site-title,
.blog-section-headline .page-title {
	font-size: 32px;
	font-size: 2rem;
}

.custom-header,
.portfolio-wrapper .entry-title {
	font-size: 22px;
	font-size: 1.375rem;
}

.site-info {
	font-size: 16px;
	font-size: 1rem;
	letter-spacing: 0.10em;
}

.site-title,
.custom-header,
.custom-header .entry-title,
.blog-section-headline .page-title {
	line-height: 1.4;
}

.entry-title {
	text-transform: none;
}

blockquote {
	font-size: 24px;
	font-size: 1.5rem;
	margin: 28px 0;
	padding-left: 28px;
	border-left: 4px solid;
}

blockquote cite {
	font-size: 16px;
	font-size: 1rem;
}

blockquote:before {
	display: none;
}

/*--------------------------------------------------------------
# Formattings
--------------------------------------------------------------*/
.drop-cap:first-letter {
  font-size: 120px;
  font-size: 7.5rem;
  margin: 10px 16px 6px -3px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.button,
.comment-navigation a,
.posts-navigation a,
.site-main #infinite-handle span button,
.site-main #infinite-handle span button:hover,
.site-main #infinite-handle span button:focus  {
	padding-top: 7px;
	padding-bottom: 7px;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.site-inner {
	max-width: 1500px;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.custom-header {
	clear: both;
	display: block;
	position: relative;
	overflow: hidden;
}

.header-button {
	clear: both;
	display: block;
	margin-top: 21px;
}

.custom-header-media img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/* For browsers that support 'object-fit' & Browser less then 900 */
@media screen and (max-width: 56.25em) {
	@supports ( object-fit: cover ) {
		.custom-header-media img {
			height: 100%;
			left: 0;
			-o-object-fit: cover;
			object-fit: cover;
			top: 0;
			-ms-transform: none;
			-moz-transform: none;
			-webkit-transform: none;
			transform: none;
			width: 100%;
		}
	}
}

.custom-header-content {
	background: rgba(0,0,0,0.25);
	display: block;
	padding: 120px 35px;
	position: relative;
	text-align: center;
	width: 100%;
}

.wp-custom-header-video-button {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 199;
}

/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
.blog-section-headline {
	margin: 35px;
}

.blog-section-headline .page-title {
	padding: 0 35px;
}

.page-title-wrapper:before {
		display: none;
}

/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/
#feature-slider .slider-content-wrapper {
	background: rgba( 0, 0, 0, 0.25 );
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

#feature-slider .entry-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

#feature-slider .entry-container,
.custom-header-content-wrapper {
	max-width: 756px
}

#feature-slider .more-link span {
	border: none;
	font-size: 15px;
	font-size: 0.9375rem;
	padding-top: 7px;
	padding-bottom: 7px;
}

#feature-slider .cycle-pager span {
	width: 20px;
}

#feature-slider .cycle-pager {
	bottom: 10px;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## >= 900px
--------------------------------------------------------------*/
@media screen and (min-width: 56.25em) {
	.custom-header-content {
		padding: 35px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.custom-header-content-wrapper {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}

	.custom-header-media img {
		position: relative;
		top: auto;
		left: auto;
	}
}


/*--------------------------------------------------------------
## >= 768px
--------------------------------------------------------------*/
@media screen and (min-width: 48em) {
	#page {
		padding: 0 4%;
	}

	.portfolio-wrapper .hentry .portfolio-entry-header {
		border-bottom: 1px solid;
		border-left: 1px solid;
	}

	.four-columns .portfolio-wrapper .hentry:nth-child(4n+1) .portfolio-entry-header,
	.three-columns .portfolio-wrapper .hentry:nth-child(3n+1) .portfolio-entry-header {
		border-left: none;
	}
}

/*--------------------------------------------------------------
## >= 1200px
--------------------------------------------------------------*/
@media screen and (min-width: 75em) {
	#page {
		padding: 0 90px;
	}

	.site-content .blog-section-headline .page-title {
		font-size: 90px;
		font-size: 5.625rem;
	}

	.custom-header .entry-title,
	#feature-slider .entry-title {
		font-size: 72px;
		font-size: 4.5rem;
	}

	.site-title,
	.blog-section-headline .page-title {
		font-size: 48px;
		font-size: 3rem;
	}

	.custom-header,
	.portfolio-wrapper .entry-title {
		font-size: 28px;
		font-size: 1.75rem;
	}

	.site-title,
	.custom-header,
	.custom-header .entry-title,
	#feature-slider .entry-title,
	.blog-section-headline .page-title {
		line-height: 1.16;
	}

	h1,
	.entry-title {
		font-size: 50px;
		font-size: 3.125rem;
	}

	h2 {
	    font-size: 40px;
	    font-size: 2.5rem;
	}

	h3 {
		font-size: 32px;
		font-size: 2rem;
	}

	blockquote {
		font-size: 28px;
		font-size: 1.75rem;
	}

	h4 {
		font-size: 24px;
		font-size: 1.5rem;
	}

	h5,
	body {
		font-size: 20px;
		font-size: 1.25rem;
	}

	h6 {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.widget-area .widget-title,
	.widget-area {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.site-content .blog-section-headline {
		margin: 70px;
	}

	.site-content .blog-section-headline .page-title {
		padding: 0 7px;
	}

	.wp-custom-header-video-button {
		bottom: 35px;
	}

	.post-archive .post-thumbnail {
		width: 40%;
	}

	.post-archive .content-right {
		width: 60%;
	}

	.post-archive .content-right,
	.hero-content-wrapper .entry-container {
		padding: 98px 70px;
	}

	#feature-slider .cycle-pager span {
		width: 40px;
	}

	#feature-slider .cycle-pager {
		bottom: 20px;
	}
}

/*--------------------------------------------------------------
## >= 1536px
--------------------------------------------------------------*/
@media screen and (min-width: 96em) {
	.post-archive .post-thumbnail {
		width: 33.3125%;
	}

	.post-archive .content-right {
		width: 66.6875%;
	}

	.post-archive .content-right,
	.hero-content-wrapper .entry-container {
		padding: 112px 84px;
	}
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
body {
	background-color: #e4e1e2;
}

.site-inner {
	background-color: #f9f7f1;
}

#masthead,
.site-footer,
.main-navigation ul ul {
	background-color: #ce4754;
}

blockquote {
	border-color: #ce4754;
}

.site-header-menu,
.menu-toggle-wrapper,
.main-navigation li,
.mobile-search-wrapper {
	border-color: #d45d69;
}

.portfolio-wrapper .hentry,
.portfolio-wrapper .hentry:nth-child(2n),
.post-archive .hentry:nth-child(2n) .entry-container {
	background-color: #fff;
}

.site-title a,
.site-description,
.custom-header,
.custom-header a,
.custom-header .entry-title,
#feature-slider .entry-title,
#secondary .social-navigation a:hover,
#secondary .social-navigation a:focus {
	color: #fff;
}

a {
	color: #4c774c;
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.comment-navigation a,
.posts-navigation a,
.site-main #infinite-handle span button,
#scrollup,
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle.toggled-on,
.wp-custom-header-video-button,
.post-archive .hentry.sticky .entry-container,
.post-archive .sticky.hentry:nth-child(2n) .entry-container,
#secondary .social-navigation a:hover,
#secondary .social-navigation a:focus,
#feature-slider .more-link span,
#feature-slider .cycle-prev,
#feature-slider .cycle-next {
	background-color: #4c774c;
}

#secondary .social-navigation a:hover,
#secondary .social-navigation a:focus,
#feature-slider .cycle-prev,
#feature-slider .cycle-next {
	border-color: #4c774c;
}

.button:hover,
.button:focus,
button:hover,
button:focus,
.comment-navigation a:hover,
.comment-navigation a:focus,
.posts-navigation a:hover,
.posts-navigation a:focus,
.post-navigation a:hover,
.post-navigation a:focus,
.site-main #infinite-handle span button:hover,
.site-main #infinite-handle span button:focus,
#scrollup:hover,
#scrollup:focus {
	background-color: #000;
}

.portfolio-wrapper .hentry .portfolio-entry-header {
	border-color: #eeece6;
}

.social-navigation a {
	border-color: rgba(255, 255, 255, 0.70);
	color: rgba(255, 255, 255, 0.70);
}

#secondary .social-navigation a {
	border-color: rgba(0, 0, 0, 0.70);
	color: rgba(0, 0, 0, 0.70);
}

.blog-section-headline .page-title,
.main-navigation ul ul a:hover,
.main-navigation ul ul > li.focus > a {
    background-color: transparent;
}