/*!
Theme Name: lesnetarasy
Theme URI: https://lesne-tarasy.com/
Author: Leśna Tarasy
Author URI: https://lesne-tarasy.com/
Description: Leśna Tarasy - nieruchomość na sprzedaż 
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lesnetarasy

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
 
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	background: #ebebeb !important;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}


/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}


/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

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

body,
button,
input,
select,
optgroup,
textarea {
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

p {
	margin-bottom: 1.5em;
}

.text-grass {
  color: #62a167;
}

.fw-semibold {
  font-weight: 600;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

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

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}


/* Links
--------------------------------------------- */
a {
	color: #62a167;
}
/*
a:visited {
	color: #62a167;
}
*/
a:hover,
a:focus,
a:active {
	color: #62a167;
}

a:focus {
	outline: thin dotted;
}

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

.fbic, .telph{
	z-index: 1;
	position: relative;
}

.fbic path , .telph path {
	transition: 0.9s ease;
}


/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/


/* backgrounds */
.bg-grass{
	background: #568945;
}
.border-grass{
	border: 5px solid #568945;
}
.bg-navy{
	background: #073149;
}
.bg-darkgray{
	background: #5C6673;
}
.bg-mustard{
	background: #a19b62;
}
.bg-gray{
	background: #A3B2BF;
}


/* header */

.site-top{
    max-width: 1500px;
    background: #073149;
	display: block;
	margin: auto;
}


.site-top-scrolled{
	max-width: 100%;
	/* background: #ebebeb !important; */
	transition: 0.5s ease;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 3;
}

.site-banner{
	background-size: cover; 
	background-position: center top; 
	background-repeat: no-repeat; 
	max-width:1500px; 
	height:800px
}
@media screen and (max-width: 1199px) {
.site-banner{
	height:670px
}}

@media screen and (max-width: 991px) {
.site-banner{
	height:510px
}}

@media screen and (max-width: 767px) {
.site-banner{
	height:390px
}}

@media screen and (max-width: 575px) {
.site-banner{
	height:270px
}}

.top-banner{
	background-image: url(https://lesne-tarasy.com/wp-content/themes/lesnetarasy/assets/img/lesnetarasy-top-banner.jpg);
}

.site-watchword{
	display: block;
	margin: auto;
	position: relative;
	top: -48px;
}


@media screen and (max-width: 1199px) {
.site-watchword .h1{
	font-size: calc(0.6rem + 1.5vw) !important;
}
.site-watchword .h3{
	font-size: calc(0.9rem + 0.6vw) !important;
}}

@media screen and (max-width: 991px) {
.site-watchword .h1{
	font-size: calc(0.7rem + 1.5vw) !important;
}
.site-watchword .h3{
	font-size: calc(0.8rem + 0.6vw) !important;
}}

@media screen and (max-width: 576px) {
.site-watchword{
	top: -6px;
}	
.site-watchword .h1{
	font-size: calc(1.1rem + 1.5vw) !important;
}
.site-watchword .h3{
	font-size: calc(1rem + 0.6vw) !important;
}
.site-watchword .bg-wood{
	top: -20px;
	position: relative;
}
}


/* boxs */

.box{
	min-height: 310px;
	padding: 0 20px;
	margin: 20px 0;
}

.box h2{
	font-size: calc(1rem + 0.8vw);
}

.box .box-icon, 
.box h3, 
.box span, 
.box p {
	top: -25px;
	position: relative;
}

.sep{
	width: 50%;
	display: inline-block;
	padding: 0.5px;
	opacity: 0.5;
	margin-bottom:10px;
}

@media screen and (max-width:953px) {
.box{
	min-height: 355px;
}}

@media screen and (max-width:767px) {
.box{
	min-height: 255px;
}}

@media screen and (max-width:649px) {
.box{
	min-height: 271px;
}}
@media screen and (max-width:523px) {
.box{
	min-height: 240px;
}
.box p{
	font-size: 0.84rem;
}
.box h2{
	font-size: calc(0.7rem + 0.9vw);
}
.sep{
	padding: 1px;
}
.box .box-icon{
	scale: 80%;
}
}
@media screen and (max-width:420px) {
.box{
	min-height: 270px;
}}


/* 2 first photos row */
.show-scroll {
	height: 600px;
}

@media screen and (max-width:1399px) {
.show-scroll {
	height: 530px;
}}

@media screen and (max-width:1199px) {
.show-scroll {
	height: 450px;
}}

@media screen and (max-width:889px) {
.show-scroll {
	height: 415px;
}}

@media screen and (max-width:799px) {
.show-scroll {
	height: 380px;
}}

@media screen and (max-width:686px) {
.show-scroll {
	height: 340px;
}}

@media screen and (max-width:614px) {
.show-scroll {
	height: 310px;
}}

@media screen and (max-width:575px) {
.show-scroll {
	height: auto;
}}

.holder{
	z-index: -1;
	position: relative;
	top: -280px;
	display: inherit;
}

.holder h3{
	width: 150px;
}

.leaf{
	padding: 100px;
	position: relative;
	top: -480px;
	background: url("https://lesne-tarasy.com/wp-content/themes/lesnetarasy/assets/img/lesnetarasy-leaf.png") no-repeat left top;
	background-size: contain;
	z-index: -2;
}

@media screen and (max-width:870px) {
.holder{
	top: -240px;
}
.leaf{
	padding: 70px;
	top: -410px;

}}

@media screen and (max-width:730px) {
.holder{
	top: -200px;
}
.leaf{
	top: -350px;

}}


/* 2 photo inside lazy */
.lazienka{
	position: relative;
	top:50px;
	left: 100px;
	z-index: 1;
}


.lazienka, .sypialnia {
  opacity: 0;
  transform: translate(0rem, -4rem);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .99s ease-out;
  will-change: transform, opacity;
  
}

@media screen and (max-width:575px) {
.lazienka{
	position: unset;
	transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out !important;
}}

.sypialnia{
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out !important;
} 


.lazienka.is-visible, .sypialnia.is-visible {
  opacity: 1;
  transform: translate(0rem, -1rem);
}

/* slider photo inside */
.wood{
padding: 20px 0 70px 0;
background: rgb(7, 49, 73) url("https://lesne-tarasy.com/wp-content/themes/lesnetarasy/assets/img/wood-background.jpg") repeat-x scroll center bottom;
}

.border-frame{
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out !important;
  background:
    linear-gradient(to right, #a19b62 10px, transparent 10px) 0 0,
    linear-gradient(to left, #a19b62 10px, transparent 10px) 100% 100%,
    linear-gradient(to bottom, #a19b62 10px, transparent 10px) 0 0,
    linear-gradient(to top, #a19b62 10px, transparent 10px) 100% 100%;
  background-repeat: no-repeat;
  background-size: 90px 90px;
  padding:10px;
}

.wood .carousel-indicators{
	bottom: -60px !important;
	z-index:1;
}

.bg-slider .carousel-item img{
	background: #a19b62;
	width: 100%
}

.btn-wood-next, .btn-wood-prev{
	position: relative !important;
	background: #a19b62 !important;
	opacity: 1 !important;
	width: 30px !important;
	height: 30px;
	padding: 5px !important;
}

.btn-wood-next .carousel-control-next-icon, 
.btn-wood-prev .carousel-control-prev-icon,
.btn-grass-next .carousel-control-next-icon, 
.btn-grass-prev .carousel-control-prev-icon{
	width: 1.2rem;
	height: 1.2rem;
}

.btn-grass-next, .btn-grass-prev{
	position: relative !important;
	background: #568945 !important;
	opacity: 1 !important;
	width: 30px !important;
	height: 30px;
	padding: 5px !important;
}

/* slider outside */
.benefits ul li::before {
  content: "▪";
  color: #568945 !important;
  display: inline-block; 
  width: 1.8em;
}

.benefits li, .rzuty li {
  background-color: transparent !important;
}

.benefits .border-btm {
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
}

.bg-slider{
    box-shadow: inset 0 -85px 0 #073149;
}

.bg-slider .carousel-indicators{
	bottom: -19px !important;
	z-index:1;
}

.bg-slider .h2{
	font-size: calc(1.1rem + 0.5vw);
}


@media screen and (max-width:991px) {
.bg-slider .h3{
	font-size: calc(1rem + 0.6vw);
}
.bg-slider .h5{
	font-size: 1rem;
}}


.bg-slider .carousel-item img{
	background: #568945;
	width: 100%
}

/* maps */
#map{
    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);    
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}


/* collpase */
.section-collpase a, .section-collpase a:hover, .section-collpase a:active, .section-collpase a:focus,
.section-collpase button::-moz-focus-inner {
  border: 0;
  outline: none;
}

.collpase-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	transform: rotate(270deg);
	color: #333;
	float: right;
}
.collpase-icon-blank{
	background-image: none !important;
}

@media screen and (max-width:575px) {
.section-collpase{
	font-size: 0.9rem;
}
.collpase-icon{
	width: 1rem;
	height: 1rem;
}}

/* details */
.card {
    background-color: #ebebeb !important;
}

/* price */
.leaf-btn{
	position: relative;
	top: -8px;
	background: url("https://lesne-tarasy.com/wp-content/themes/lesnetarasy/assets/img/lesnetarasy-leaf.png") no-repeat right top;
	background-size: 70px 80px;
}

@media screen and (max-width: 991px) {
.price .h3{
	font-size: calc(0.6rem + 1.5vw) !important;
}
.price .h5{
	font-size: calc(0.7rem + 0.6vw) !important;
}}

@media screen and (max-width: 575px) {
.price a .h3{
	font-size: calc(1rem + 1.5vw) !important;
}}


/* rzuty */
.rzuty figure.zoom{
	cursor: zoom-in;
}
.rzuty figure img:hover {
	opacity: 0;
}
.rzuty figure img {
	transition: opacity 0.5s;
	display: block;
	width: 100%;
}

.rzuty  ol {
  counter-reset:item;
}
.rzuty  ol>li {
  counter-increment:item;
}
.rzuty  ol>li .badge-desc:before {
	display:inline-block;
	content:counter(item) ". ";
	font-weight: 700;
	white-space: pre;
}
.rzuty .badge{
	font-size: 0.9em;
}

.rzuty .border-grass{
	border-width: 3px;
}

.rzuty .badge-summary{
	background-color: #568945;
	position: relative;
    right: -57%;
	width: 290px;
}

@media screen and (max-width: 1399px) {
.rzuty .badge-summary{
	right: -47%;
}}

@media screen and (max-width: 1199px) {
.rzuty .badge-summary{
	right: -34%;
}}

@media screen and (max-width: 991px) {
.rzuty .badge-summary{
	right: unset;
	width: auto;
}}

@media screen and (max-width: 575px) {
.rzuty span{
	font-size: calc(0.8rem) !important;
}}


/* finansowanie */
@media screen and (max-width: 575px) {
.finansowanie .fs-5 {
    font-size: 0.9rem !important;
}
.finansowanie p{
	font-size: 0.8rem !important;
}
}


/* concact */

.wpcf7-email, .wpcf7-tel{
	color: #999999  !important;
	width: 100% !important;
}

.concact .nav-pills .nav-link.active, 
.concact .nav-pills .show > .nav-link {
    color: #333 !important;
	border-bottom: 3px solid #568945 !important;
	background: none;
}

.concact-img{
	position: relative;
    top: -30px;
}

.concact form{
	margin: 30px 0;
}

.concact .wpcf7-list-item-label{
	color: #999999;
}

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

.concact label{
	margin: 10px 0;
	width: 100%;
}

.concact input:focus {
  outline-style: none;
  outline: none;
}

.concact .wpcf7-list-item {
    margin: 0
}

.concact .email input, 
.concact .telephone input {
    width: 100%;
	border: none;
	border-radius: unset;
	border-bottom: 3px solid #568945 !important;
	background: none;
}

.concact .accept-1, .concact .accept-2 {
	top: 18px;
    font-size:0.8rem;
	text-align: justify;
}

.concact [type="submit"],
.concact .collpase-icon{
	text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem;
	padding: 5px 10px;
	color: #568945;
	border-radius: unset;
	border: 3px solid #568945 !important;
	background: #fff;
	margin: 30px 0;
    float: right;
  }
  
@media screen and (max-width: 767px) {
 .concact [type="submit"]{
	width:100%;
}}
  

.concact .collpase-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	width: 2.5rem;
	height: 3.5rem;
	transform: rotate(90deg);
	margin-top: 0;
}

 .concact [type="checkbox"]:not(:checked),
 .concact [type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
  }
 .concact [type="checkbox"]:not(:checked) + span,
 .concact [type="checkbox"]:checked + span {
    position: relative;
    padding-left: 3em;
    padding-top: 1rem;
    cursor: pointer;
}

 .concact [type="checkbox"]:not(:checked) + span:before,
 .concact [type="checkbox"]:checked + span:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 6px;
    width: 2.2em;
    height: 2.2em;
    border: 3px solid #568945;
    background: #fff;
    border-radius: unset;
    -webkit-transition: all .275s;
        transition: all .275s;
  }

 .concact [type="checkbox"]:not(:checked) + span:after,
 .concact [type="checkbox"]:checked + span:after {
    content: '✕';
    position: absolute;
    top: 0.770em;
	left: .19em;
    font-size: 1.85em;
    color: #568945;
    line-height: 0;
    -webkit-transition: all .2s;
        transition: all .2s;
  }

 .concact [type="checkbox"]:not(:checked) + span:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg);
  }

 .concact [type="checkbox"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
  }

.concact .deweloper-info p{
	margin-bottom: 0;
	font-size: 0.8rem;
	line-height: 1.3;
}

.concact .custom-logo{
	opacity:0.5;
	filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);    
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}


/* cookies */
#cookies-message {
    background-color: rgba(239, 239, 239, 0.85);
    border-bottom: 1px solid rgb(211, 208, 208);
    bottom: 0;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    z-index: 3;
}

#accept-cookies-checkbox {
    background-color: #568945;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
    padding: 0 12px;
    text-decoration: none;
}


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display:block;
}

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

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 14px 18px;
	font-weight: 500;
	font-size: 15px;
}


.main-navigation a {
	display: block;
	text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 14px 18px;
	font-weight: 500;
	font-size: 15px;
}

.toggled a {
    font-size: 20px;
}

.main-navigation-scrolled a{
	transition: 0.5s ease;
}

.main-navigation a:hover {
	color: #A3B2BF;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.toggled .menu-menu-container{
	height: 100%;
	width: 100%;
	position: fixed;
	background: rgba(7, 49, 73, 0.85);
	float: none;
	right: 0;
	z-index:2;
}


@media screen and (min-width: 1199px) {

	.menu-bar {
		display: none;
	}
	
	.menu-toggle,
	.main-navigation.toggled ul {
		display: flex;
	}
	
	.toggled .menu-menu-container{
	height: unset;
	width: unset;
	position: unset;
	background: rgba(255, 255, 255, 0);
	float: unset;
	right: unset;
}

	.main-navigation ul {
		display: flex;
	}
	
}


/* burger*/

.menu-bar {
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: 0.5s ease;
  height: 70px;
  right: -10px;
  position: relative;
  }
  
  @media screen and (max-width: 1199px) {
	.menu-bar {
	  right: 0;
  }}
  
  .bar {
    width: 35px;
    height: 4px;
    background: #fff;
    border-radius: 2px;
    transition: 0.4s ease;
	margin-top: 8px;
    }
    .bar:not(:first-child) {
      margin-top: 5px;
    }
  

#burger {
  position: absolute;
  left: -999px;
  top: -999px;
}
#burger:checked + .menu-bar {
  transform: translate(-50%, -50%) rotatey(180deg);
  }
  #burger:checked + .menu-bar .bar {
    transform: rotatey(180deg) rotatex(360deg);
    }
     #burger:checked + .menu-bar .bar:first-child {
      transform: rotate(-45deg);
      margin-top: 17px;
	  margin-right: 0;
    }
     #burger:checked + .menu-bar .bar:nth-child(2) {
      opacity: 0;
    }
     #burger:checked + .menu-bar .bar:nth-child(3) {
      margin-top: -14px;
      transform: rotate(45deg);
    }
  

/* end burger*/



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

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post {
	margin: 0 0 1.5em;
}

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

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

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




/* 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 logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
	width:220px;
}

.custom-logo{
	margin: 9px 0;
}

@media screen and (max-width: 576px){
.custom-logo-link{
	width:180px;
}}

.custom-logo-scrolled{
	width:155px !important;
	transition: 0.5s ease;
	margin-top: 0 !important;
}


/* 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;
	display: grid;
	grid-gap: 1.5em;
}

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

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

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

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

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

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}