/*
Theme Name: SantaMas
Author: HashThemes
Author URI: https://hashthemes.com
Theme URI: https://hashthemes.com/wordpress-theme/santamas/
Description: SantaMas is a Free WordPress Theme specifically designed for holidays and events like Christmas, New Year or any other special events. The theme has event date countdown that lets you show the remaining days of the upcoming event. The snowfall effect on the banner creates the illusion of a perfect winter snowfall in your website. Optionally it can be disabled from the customizer setting. The about section and featured section can be used to display the information about the events. A gallery section at the bottom perfectly displays the event images. Most importantly the theme is not only bound to be used for event website only. SantaMas is multipurpose theme and can be used for business, corporate, portfolio, blog, photography and all other creative agencies. The theme is pretty easy to setup with live preview from the customizer without needing to have any coding knowledge at all. The theme provides flexible setting configuration with powerful and intuitive features. For demo visit http://demo.hashthemes.com/santamas/ 
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: santamas
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, holiday, theme-options

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.

SantaMas is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
	border: 1px solid #EEE;
	padding: 10px;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
	color: #444;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Noto Serif', serif;
	margin: 0 0 20px;
	line-height: 1.3;
	font-weight: 700;
	color: #333;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 32px;
}

h4 {
	font-size: 28px;
}

h5 {
	font-size: 24px;
}

h6 {
	font-size: 20px;
}

p {
	margin: 0 0 20px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	background: #F6F6F6;
	padding: 40px;
	border-left: 6px solid #EEE;
	margin: 0;
	margin-bottom: 40px;
}

blockquote *:last-child{
	margin-bottom: 0 !important;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 20px 30px;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

figure {
	margin: 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.entry-readmore a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display: inline-block;
	min-width: 150px;
	font-size: 14px;
	padding: 12px 50px;
	color: #FFF;
	-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	border: none;
	background: #d72621;
}

.entry-readmore a:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color: #FFF;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #EEE;
	padding: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	border-color: #CCC;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

select {
	border: 1px solid #EEE;
	padding: 10px;
}

textarea {
	width: 100%;
}

input[type="search"]{
	-webkit-appearance: textfield;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color: #d72621;
	text-decoration: none;
}

a:hover {
	color: #d72621;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: none;
}


/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/

.santamas-container {
	width: 1200px;
	margin: 0 auto;
}

.santamas-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#page {
	position: relative;
}

.section-title {
	font-size: 40px;
	margin: 0 auto 30px;
	color: #333;
	max-width: 70%;
}

.section-subtitle {
	font-size: 20px;
	margin: 0 auto 30px;
	max-width: 80%;
}


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.site-header {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 99;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.header-banner {
	background-color: #333;
	background-position: center;
	background-size: cover;
	min-height: 260px;
	margin-bottom: 60px;
	position: relative;
}

.header-banner:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba( 0,0,0,0.3 );
}

.site-branding {
	margin: 10px 0;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.site-title {
	font-size: 38px;
	font-family: 'Noto Serif', serif;
	margin: 0;
	font-weight: 700;
	line-height: 1;
}

.site-description {
	font-size: 16px;
	margin: 0;
	font-weight: 300;
}

.site-title a,
.site-description {
	color: #FFF;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.toggle-menu {
	display: none;
}

.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation ul li {
	position: relative;
}

.main-navigation ul li a {
	display: block;
	position: relative;
}

.primary-menu>li {
	float: left;
	margin-left: 30px;
	padding: 20px 0;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
}

.primary-menu>li>a {
	color: #FFF;
	position: relative;
	line-height: 36px;
}

.primary-menu>li>a:before,
.primary-menu>li>a:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 20px;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.primary-menu>li>a:before {
	top: 0;
	left: 20px;
}

.primary-menu>li>a:after {
	bottom: 0;
	right: 20px;
}

.primary-menu>li:hover>a:before,
.primary-menu>li.current_page_item>a:before,
.primary-menu>li.current-menu-item>a:before,
.primary-menu>licurrent_page_ancestor>a:before {
	opacity: 1;
	left: 0;
}

.primary-menu>li:hover>a:after,
.primary-menu>li.current_page_item>a:after,
.primary-menu>li.current-menu-item>a:after,
.primary-menu>licurrent_page_ancestor>a:after {
	opacity: 1;
	right: 0;
}

.primary-menu ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 240px;
	background: #d72621;
	font-size: 14px;
}

.primary-menu>li:last-child>ul {
	left: auto;
	right: 0;
}

.primary-menu ul ul {
	left: 100%;
	top: 0;
}

.primary-menu>li:last-child>ul ul {
	left: auto;
	right: 100%;
}

.primary-menu li:hover>ul {
	display: block;
}

.primary-menu ul li {
	padding: 0 10px;
}

.primary-menu ul li a {
	color: #FFF;
	line-height: 1;
	padding: 18px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.primary-menu ul li:last-child a {
	border-bottom: none;
}

/* styling for both css and generated arrows */
.menu-item-has-children .ht-dropdown{
	position: relative;
	right: -5px;
}

.menu-item-has-children .ht-dropdown:after {
	content: '\f107';
	font-family: FontAwesome;
}

/* styling for right-facing arrows */
.menu-item-has-children ul .ht-dropdown{
	position: absolute;
	top: 50%;
	right: 5px;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-item-has-children ul .ht-dropdown:after {
	content: '\f105';
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.pagination {
	margin-bottom: 60px;
	text-align: center;
}

.pagination .page-numbers {
	border: 2px solid #EEE;
	padding: 12px 30px;
	border-radius: 30px;
	margin: 0 5px;
	display: inline-block;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	font-size: 14px;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
	background: #EEE;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
	outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

.widget-area .widget {
	border: 1px solid #EEE;
	padding: 40px;
	margin-bottom: 40px;
}

.widget-area ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-area ul ul {
	margin-left: 5px;
}

.widget-area ul li {
	padding-bottom: 8px;
	margin-bottom: 8px;
	line-height: 1.4;
}

.widget-area ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.widget-area ul li a {
	color: #444;
}

.widget-area ul li a:hover {
	color: #d72621;
}

.widget-area .widget-title {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #EEE;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.widget-area .widget_search .search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.widget-area .widget_search label {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.widget-area .widget_search .search-field {
	width: 100%;
}

.widget-area .widget_search .search-submit {
	min-width: 0;
	border-radius: 0;
	padding: 12px 15px
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

#primary {
	width: 67%;
	float: left;
}

#secondary {
	width: 29%;
	float: right;
}

.hentry {
	margin-bottom: 40px;
}

.blog-hentry {
	margin-bottom: 80px;
}

.entry-banner {
	margin-bottom: 40px;
}

.entry-wrapper {
	margin-left: 40px;
	border-left: 4px solid #F6F6F6;
	padding-left: 40px;
}

h2.entry-title {
	font-size: 26px;
	font-weight: 400;
	text-transform: uppercase;
	font-weight: bold;
}

h1.entry-title {
	margin-bottom: 40px;
}

h2.entry-title a {
	color: #333;
}

.entry-content {
	font-size: 18px;
}

.entry-content p,
.entry-content ul,
.entry-content ol {
	margin-bottom: 40px;
}

.entry-content ul ul,
.entry-content ol ol{
	margin-bottom: 0;
}

.blog-hentry .entry-content {
	font-size: 18px;
	margin-bottom: 40px;
	color: #555;
	font-weight: 300;
}

.entry-meta {
	border-top: 1px solid #EEE;
	margin-top: 30px;
	padding-top: 10px;
	font-size: 13px;
	color: #666;
}

.entry-meta a {
	color: #666;
}

.entry-meta a:hover {
	color: #C53547;
}

.entry-meta .posted-on {
	float: left;
}

.entry-meta .cat-links {
	float: right;
}

.top-entry-meta {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.top-entry-meta a,
.top-entry-meta {
	color: #666;
}

.top-entry-meta a:hover{
	color: #C53547; 
}

.top-entry-meta .cat-links {
	margin-right: 20px;
}

.page-header {
	margin-bottom: 40px;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

#respond {
	border: 1px solid #EEE;
	padding: 40px;
	margin-bottom: 40px;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	width: 100%;
	margin-top: 5px;
}

p.form-submit {
	margin-bottom: 0;
}

h2.comments-title {
	font-size: 30px;
}

h3#reply-title {
	font-size: 22px;
	text-transform: uppercase;
}

ol.comment-list {
	margin: 0 0 50px;
	list-style: none;
}

ol.children {
	margin-left: 30px;
}

.comment-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px;
	font-size: 13px;
}

.comment-meta .fn {
	margin-left: 20px;
	text-transform: uppercase;
}

.comment-meta .edit-link {
	margin-left: 15px;
	border-left: 1px solid #BBB;
}

.comment-meta a {
	color: #444;
	padding-left: 15px;
}

.comment-body {
	margin-top: 40px;
	font-size: 15px;
	border: 1px solid #EEE;
	padding: 30px;
}

.comment-author img {
	border-radius: 50%
}

.comment-reply-link {
	display: inline-block;
	font-size: 12px;
	padding: 8px 20px;
	color: #333;
	-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	border: none;
	background: #FFF;
}

.comment-reply-link:hover {
	background: #C53548;
	color: #FFF;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
	display: block;
}


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

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	max-width: 100%;
}


/* Make sure logo link wraps around logo image. */

.custom-logo-link {
	display: inline-block;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.banner-section {
	height: 100vh;
	position: relative;
	background-size: cover;
	background-position: center;
}

.banner-section:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
}

.banner-section>img,
.header-banner > img{
	opacity: 0.6;
}

.banner-caption {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
	padding-top: 100px;
}

.banner-caption h2 {
	max-width: 60%;
	font-size: 52px;
	font-weight: 400;
	line-height: 1.2;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.banner-caption p {
	max-width: 60%;
	font-size: 22px;
	margin: 0 0 30px;
	font-weight: 400;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.banner-buttons {
	margin-top: 40px;
}

.banner-buttons a {
	padding: 15px 50px;
	background: #d72621;
	color: #FFF;
	display: inline-block;
	border-radius: 30px;
	margin-right: 20px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.banner-buttons a:hover {
	background: #FFF;
	color: #333;
}

.about-section-image {
	width: 45%;
	padding-right: 80px;
	padding-top: 80px;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.about-section-image img {
	display: block;
}

.about-section-content {
	padding: 80px 0;
	color: #666;
}

.about-section-image+.about-section-content {
	width: 55%;
}

.about-section-content h4 {
	font-size: 40px;
	margin-bottom: 30px;
	color: #333;
}

.about-counter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.about-counter .counter-block {
	width: 50%;
	margin-top: 50px;
	padding-right: 40px;
}

.counter-icon {
	float: left;
}

.counter-icon .fa {
	color: #d72621;
	font-size: 36px;
}

.counter-content {
	padding-left: 70px;
}

.counter-number {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1;
	color: #222;
}

.counter-text {
	color: #666;
	font-size: 18px;
}

.event-countdown-section {
	padding: 80px 0;
	background: #d72621;
	color: #FFF;
}

.event-countdown-section .event-info {
	font-size: 26px;
	font-family: 'Noto Serif', serif;
	width: 55%;
	padding-right: 60px;
}

.event-counter {
	width: 45%;
}

.event-counter>div {
	position: relative;
	width: 120px;
	height: 140px;
	display: inline-block;
	background: #FFF;
	color: #333;
	text-align: center;
	margin-left: 15px;
	text-transform: uppercase;
	-webkit-box-shadow: 0px 14px 10px -6px rgba( 0, 0, 0, 0.3);
	box-shadow: 0px 14px 10px -6px rgba( 0, 0, 0, 0.3);
}

.event-counter>div span {
	display: block;
	font-size: 50px;
	font-weight: bold;
	padding: 30px 0 10px;
	line-height: 1;
}

.santamas-featured-section {
	text-align: center;
	padding: 80px 0;
	background-image: url(images/featuredbg.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
}

.santamas-featured-section .santamas-container {
	position: relative;
	z-index: 999;
}

.featured-box-wrap {
	margin-left: -3%;
}

.featured-box {
	margin-left: 3%;
	padding: 50px;
	background: #FFF;
	margin-top: 40px;
}

.featured-box p {
	color: #666;
	margin-bottom: 40px;
}

.featured-thumb {
	margin-bottom: 30px;
}

.featured-box .featured-button,
.blog-left .blog-read-more a {
	display: inline-block;
	min-width: 150px;
	font-size: 14px;
	padding: 12px 20px;
	color: #333;
	-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.featured-box .featured-button:hover,
.blog-left .blog-read-more a:hover {
	background: #d72621;
	color: #FFF;
}

.santamas-blog-section {
	padding: 80px 0;
	text-align: center;
}

.santamas-blog-wrap {
	border: 1px solid #EEE;
	margin-top: 60px;
	padding: 20px;
}

.blog-left {
	width: 70%;
	float: left;
}

.blog-right {
	width: 30%;
	float: right;
	padding-left: 30px;
	text-align: left;
}

.blog-left .blog-post-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.blog-left .blog-post-box .blog-thumbnail,
.blog-left .blog-post-box .blog-excerpt {
	width: 50%;
	position: relative;
}

.blog-left .blog-post-box .blog-thumbnail img {
	display: block;
}

.blog-left .blog-post-box:nth-child(1) .blog-thumbnail:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	border-color: transparent #FFF transparent transparent;
	border-style: solid;
	border-width: 30px;
	margin-top: -30px;
}

.blog-left .blog-post-box:nth-child(2) .blog-thumbnail:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	border-color: transparent transparent transparent #FFF;
	border-style: solid;
	border-width: 30px;
	margin-top: -30px;
}

.blog-left .blog-post-box .blog-excerpt {
	padding: 0 50px;
}

.blog-left .blog-post-box:nth-child(2) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.blog-post-box h5 {
	font-size: 20px;
}

.blog-post-box h5 a {
	color: #333;
}

.blog-left .blog-post-box p {
	color: #666;
}

.blog-left .blog-date {
	position: absolute;
	top: 20px;
	background: #d72621;
	font-size: 13px;
	color: #FFF;
	line-height: 1;
	padding: 5px 10px;
	font-style: italic;
	pointer-events: none;
}

.blog-left .blog-post-box:first-child .blog-date {
	top: auto;
	bottom: 20px;
	left: auto;
	right: 0;
}

.blog-read-more {
	margin-top: 30px;
}

.blog-right .blog-post-box {
	margin-bottom: 50px;
}

.blog-right .blog-post-box:last-child {
	margin-bottom: 0;
}

.blog-right .blog-post-box h5 {
	font-size: 18px;
	margin-bottom: 8px;
}

.blog-right .blog-post-box .blog-date {
	color: #777;
	font-size: 13px;
	font-style: italic;
}

.blog-right .blog-thumbnail {
	width: 100px;
	margin-right: 20px;
	float: left;
}

.santamas-gallery-slider img{
	display: block;
}

.santamas-gallery-section .lSAction > a{
	background: none;
	height: 80px;
	width: 40px;
	background: rgba( 0,0,0, 0.8);
	margin-top: -40px;
}

.santamas-gallery-section .lSAction > .lSPrev{
	left: 0;
}

.santamas-gallery-section .lSAction > .lSNext{
	right: 0;
}

.santamas-gallery-section .lSAction > a:after{
	color: #FFF;
	text-align: center;
	line-height: 80px;
	display: block;
}

.santamas-gallery-section .lSAction > .lSPrev:after{
	content: "\e094";
	font-family: 'lg'
}

.santamas-gallery-section .lSAction > .lSNext:after{
	content: "\e095";
	font-family: 'lg'
}

.site-footer {
	background: #333;
	color: #bbb;
	font-size: 14px;
}

.site-footer a {
	color: #bababa;
}

.top-footer {
	border-bottom: 1px solid #444;
	padding: 20px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.footer-logo {
	float: left;
}

.footer-menu {
	float: right;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.footer-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-menu ul li {
	display: inline-block;
	margin-left: 15px;
}

.footer-menu ul li a:hover {
	border-bottom: 1px dotted #ccc;
}

.footer-logo img {
	max-height: 60px;
}

.bottom-footer {
	padding: 30px 0;
}

.site-info {
	float: left;
}

.site-info a {
	border-bottom: 1px dotted #ccc;
}

.site-social-buttons {
	float: right;
}

.site-social-buttons a {
	padding: 0 6px;
}

.site-social-buttons a:hover {
	color: #EEE;
}

/*Responsive CSS*/
@media screen and (max-width:1220px){
	.santamas-container{
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.event-counter{
		text-align: center;
	}
	
	.event-counter > div{
		margin-bottom: 15px;
	}
	
	.featured-box{
		width: 30.33%;
	}
}

@media screen and (max-width:1000px){
	.toggle-menu + div{
		position: absolute;
		left: 40px;
		right: 40px;
		top: 100%;
		background: #d72621;
		z-index: 99;
		display: none;
	}
	
	.toggle-menu{
		display: block;
		background: #FFF;
		padding: 8px 20px;
		font-size: 13px;
		text-transform: uppercase;
		cursor: pointer;
		border-radius: 5px;
		font-weight: bold;
		white-space: nowrap;
	}
	
	.toggle-menu .fa{
		margin-right: 6px;
	}
	
	.primary-menu>li{
		float: none;
		padding: 0;
		margin: 0;
	}
	
	.primary-menu>li>a{
		padding: 10px 40px;
	}
	
	.primary-menu>li>a:before, 
	.primary-menu>li>a:after{
		display: none;
	}

	.primary-menu ul{
		position: static;
		width: auto;
	}

	.primary-menu ul li{
		padding: 0 0 0 10px;
	}

	.primary-menu ul>li>a{
		padding: 10px 40px;
		line-height: 36px;
		border-bottom: none;
	}

	.menu-item-has-children .ht-dropdown,
	.menu-item-has-children ul .ht-dropdown{
		position: absolute;
		height: 26px;
		width: 26px;
		border: 1px solid rgba(255, 252, 252, 0.6);
		top: 50%;
		right: 10px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 4px;
	}

	.menu-item-has-children .ht-dropdown:after,
	.menu-item-has-children ul .ht-dropdown:after{
		content: '\f107';
	    font-family: FontAwesome;
	    vertical-align: middle;
	    line-height: 26px;
	    display: block;
	    text-align: center;
	}

	.menu-item-has-children .ht-opened.ht-dropdown:after,
	.menu-item-has-children ul .ht-opened.ht-dropdown:after{
		content: '\f106';
	}

	.primary-menu li:hover>ul{
		display: none;
	}

	.primary-menu ul ul{
		background: none;
	}
	
	.banner-caption{
		text-align: center;
	}
	
	.banner-caption h2,
	.banner-caption p{
		max-width: none;
	}
	
	.banner-buttons a{
		margin: 0 5px;
	}
	
	.blog-left,
	.blog-right{
		width: auto;
		float: none;
	}
	
	.blog-right{
		padding-left: 0;
		margin-top: 40px;
	}
}

@media screen and (max-width:768px){
	.section-title,
	.section-subtitle{
		max-width: none;
	}
	
	.santamas-flex{
		display: block;
	}
	
	.banner-section{
		height: auto;
	}
	
	.banner-caption{
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		padding: 240px 0 120px;
	}
	
	.about-section-image{
		padding-right: 0;
		text-align: center;
	}
	
	.about-section-image,
	.about-section-content,
	.about-section-image+.about-section-content{
		width: 100%;
	}
	
	.event-countdown-section .event-info,
	.event-counter{
		width: 100%;
		text-align: center;
		padding-right: 0;
	}
	
	.event-countdown-section .event-info{
		margin-bottom: 40px;
	}
	
	.featured-box-wrap{
		margin-left: 0;
	}
	
	.featured-box{
		width: 100%;
		margin-left: 0;
	}
	
	.top-footer,
	.bottom-footer{
		display: block;
		text-align: center;
	}
	
	.footer-logo,
	.site-info{
		margin-bottom: 20px;
	}
	
	.footer-logo,
	.footer-menu,
	.site-info,
	.site-social-buttons{
		float: none;
	}
	
	#primary,
	#secondary{
		width: auto;
		float: none;
	}
	
	#primary{
		margin-bottom: 40px;
	}
	
	.site-header .santamas-container{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (max-width:680px){
	.banner-caption h2{
		font-size: 36px;
	}
	
	.banner-buttons a{
		margin-bottom: 10px;
	}
	
	.blog-left .blog-post-box{
		display: block;
		margin-bottom: 40px;
	}
	
	.blog-left .blog-post-box .blog-thumbnail, 
	.blog-left .blog-post-box .blog-excerpt{
		width: 100%;
		margin-bottom: 25px;
	}
	
	.blog-left .blog-post-box .blog-thumbnail img{
		width: 100%;
	}
	
	.blog-left .blog-post-box .blog-thumbnail:after{
		display: none;
	}
	
	.blog-right .blog-post-box{
		margin-bottom: 30px;
	}
	
	.blog-left .blog-post-box .blog-excerpt{
		padding: 0;
	}
}

@media screen and (max-width:580px){
	.santamas-container{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.about-counter{
		display: block;
	}
	
	.about-counter .counter-block{
		width: 100%;
		padding-right: 0;
	}
	
	.entry-wrapper {
		margin-left: 0;
		border-left: none;
		padding-left: 0;
	}
	
	.widget-area .widget,
	#respond,
	.comment-body{
		padding: 20px;
	}
	
	input[type="text"], 
	input[type="email"], 
	input[type="url"], 
	input[type="password"], 
	input[type="search"], 
	input[type="number"], 
	input[type="tel"], 
	input[type="range"], 
	input[type="date"], 
	input[type="month"], 
	input[type="week"], 
	input[type="time"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="color"], 
	textarea{
		width: 100%;
	}
	
	.toggle-menu + div{
		left: 20px;
		right: 20px;
	}
}


@media screen and (min-width:1001px){
	.toggle-menu + div{
		display: block !important;
	}
}