/*
 Theme Name:   Produktovo
 Description:  Child theme of Chaplin theme
 Author:       Alex K.
 Author URI:   http://karabin.ru
 Template:     chaplin
 Version:      1.2.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, responsive-layout
 Text Domain:  produktovo
*/


/* Setup colored items */
p.vikata-p-has-color {
    border-color: #c59d5f;
    border-style: solid;
    border-width: 0 0 0 .2rem;
    margin: 4rem 0;
    padding: .5rem 0 .5rem 2rem !important;
}
/* End Setup colored items */

/* Setup List */
.vikata-ul-has-color {
	list-style: none;
	padding-left: 0;
	margin: 0 0 1rem 1rem;
}

.vikata-ul-has-color li {
	padding-left: 2rem;
	margin-bottom: .5rem;
	border-left: .2rem solid #c59d5f; 
	letter-spacing: .1rem;
	transition: 0.3s all linear;
}

ul.vikata-ul-has-border {
	display: block;
	margin: 0;
	width: 100%;
	list-style: none;
}

ul.vikata-ul-has-border li {
	border-left-width: 0;
	border-color: #E1E1E3;
	border-style: solid;
	border-width: .1rem 0 0 0;
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
	justify-content: flex-start;
	margin: 0;
}
ul.vikata-ul-has-border > li:last-child {
    border-bottom-width: .1rem;
}

.vikata-ul-has-border a {
	padding: 2rem 2.5rem;
	width: 100%;
}

/* End Setup List */

/* Setup Map */
.balloon-content-caption {
	font-weight: bold;
	color: #c59d5f;
}
/* End Setup Map */

a {
	text-decoration: none;
}

button,
svg,
svg * {
	outline: none;
}

.intro-text {
    margin-top: 0;
}

h1.entry-title, .entry-title.faux-heading {
    margin-bottom: 2rem;
}

@media (min-width: 700px) {
	h1.entry-title, .entry-title.faux-heading {
	    margin-bottom: 2.5rem;
	}
}


/* Setup Header */
.header-inner {
	box-shadow: 0 0 1rem rgba( 0, 0, 0, 0.10 );
}

.header-inner.is-sticky {
	color: #fffcfc;
	background-color: #232833 !important;
}

.overlay-header .header-inner {
	color: #fffcfc;
	background-color: unset !important;
}


.overlay-header .header-inner.is-sticky {
	color: #fffcfc !important;
	background-color: #232833 !important;
}
/* End Setup Header */


/* Support SVG Logo */
.site-logo svg {
	width: 320px;
	height: 74px;
	display: block;
	max-height: 6rem;
	fill: #C59D5F;
	width: auto;
}
@media ( min-width: 700px ) {
	.site-logo svg {
		max-height: 9rem;
		transition: height .15s linear, width .15s linear, max-height .15s linear;
	}

	.header-inner.is-sticky .site-logo svg {
		max-height: 7rem;
	}
}

.overlay-header .header-inner svg {
	fill: #fffcfc;
}

.overlay-header .header-inner.is-sticky svg {
	fill: #C59D5F !important;
}
/* End Support SVG Logo */

/* Setup Main Menu Alt */
.main-menu-alt li:hover .fill-children-current-color svg * {
	fill: #C59D5F;
}

.main-menu-alt ul {
	border: 1px solid #E1E1E3;
	border-radius: unset;
	box-shadow: 0 1.5vw 3vw -0.7vw rgba(0,0,0,0.125);
}
.main-menu-alt ul:before,
.main-menu-alt ul:after {
	color: #E1E1E3;
}
.main-menu-alt ul a {
    padding: 0.5rem 2rem;
}
.main-menu-alt ul li {
	fill: #C59D5F;
	color: #C59D5F !important;
}
.main-menu-alt li.current-menu-item > a,
.main-menu-alt li.current-menu-item > .link-icon-wrapper > a {
	color: #C59D5F;
	font-weight: 700;
	text-decoration: none;
}

.main-menu-alt li.current-menu-item > svg,
.main-menu-alt li.current-menu-item > .link-icon-wrapper svg {
	fill: #C59D5F !important;
}

.main-menu-alt li:hover {
	color: #C59D5F;
}
.main-menu-alt a:hover {
	text-decoration: none;
}
.main-menu-alt .sub-menu a {
	color: #232833;
}
.sub-menu li.current-menu-item > a,
.sub-menu li.current-menu-item > .link-icon-wrapper > a {
	color: #C59D5F;
	font-weight: unset;
	text-decoration: none;
}
.main-menu-alt .sub-menu li:hover {
	background-color: #C59D5F;
}
.main-menu-alt .sub-menu a:hover {
	color: #fffcfc;
}
/* End Setup Main Menu Alt */

/* Setup Mobile Menu */
.menu-modal-toggles .toggle-text {
	display: none;
}
.menu-modal-toggles .toggle {
	justify-content: flex-end;
}
/* End Setup Mobile Menu */


/* Setup Cover for page-template-template-full-width */
.page-template-template-full-width-php.has-post-thumbnail .to-the-content-wrapper {
	display: none;
}

.page-template-template-full-width-php.has-post-thumbnail .cover-header-inner {
    padding-bottom: unset;
}

.page-template-template-full-width-php.has-post-thumbnail .cover-header .entry-header {
	z-index: auto;
}

.page-template-template-full-width-php.has-post-thumbnail .screen-height {
	height: 50vh  !important;
	min-height: 19rem !important;
}

.page-template-template-full-width-php.has-post-thumbnail .bg-attachment-fixed {
    background-attachment: scroll;
}

@media ( min-width: 700px ) {
	.page-template-template-full-width-php.has-post-thumbnail .screen-height {
		height: 40vh  !important;
		min-height: 30rem !important;
	}
}
/* End Setup Cover for page-template-template-full-width */


/* Setup Footer */
#site-footer {
    text-align: center;
    background-color: #232833;
    color: #fff;
    clear: both;
}

#site-footer h2 {
}

.footer-credits .theme-credits {
	display: none;
}
/* End Setup Footer */


/*Setup for coblocks*/

/* CoBlock: Map ------------------------- */

.wp-block-coblocks-map {
    margin-top: 1em;
}

/* CoBlock: Gallery ------------------------- */
.coblocks-lightbox__arrow>div {
	1background-color: #232833;
}
.flickity-button-icon {
	1fill: #D1A054;
	1background-color: #232833;
}
.wp-block-coblocks-gallery-carousel .flickity-button::after {
	1background-color: #232833;
 
}
/* CoBlock: Food and Drink ------------------------- */
wp-block-coblocks-food-item__icon -webkit-mask-image {
	fill: red;
}

.wp-block-coblocks-media-card__media.has-shadow img {
	box-shadow: 0 10px 28px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.wp-block-group .wp-block-coblocks-gallery-carousel.mb-0 {
	margin-bottom: 0 !important;
}

/* End Setup for coblocks */

/* Setup for restaurant-service page */
.post-259x .bg-image {
	animation: scale;
	animation-duration: 30s;
	animation-timing-function: ease;
	animation-delay: 1s;
	animation-iteration-count: infinite;
}

.post-259x .bg-image .entry-header {
	animation: scale-reverse;
	animation-duration: 30s;
	animation-timing-function: ease;
	animation-delay: 1s;
	animation-iteration-count: infinite;
}


@keyframes scale {
  from {

    -webkit-transform: scale(1.0) translate(0,0px);
    -o-transform: scale(1.0) translate(0,0px);
    -moz-transform: scale(1.0) translate(0,0px);
    transform: scale(1.0) translate(0,0px);


  }
  50% {
    -webkit-transform: scale(1.2) translate(0,-8vh);
    -o-transform: scale(1.2) translate(0,-8vh);
    -moz-transform: scale(1.2) translate(0,-8vh);
    transform: scale(1.2) translate(0,-8vh);


  }
  to { 
    -webkit-transform: scale(1.0) translate(0,0px);
    -o-transform: scale(1.0) translate(0,0px);
    -moz-transform: scale(1.0) translate(0,0px);
    transform: scale(1.0) translate(0,0px);


  }
}

@keyframes scale-reverse {
  from {
    -webkit-transform: scale(1.0) translate(0,0px);
    -o-transform: scale(1.0) translate(0,0px);
    -moz-transform: scale(1.0) translate(0,0px);
    transform: scale(1.0) translate(0,0px);

  }
  50% {
    -webkit-transform: scale(0.8) translate(0,8vh);
    -o-transform: scale(0.8) translate(0,8vh);
    -moz-transform: scale(0.8) translate(0,8vh);
    transform: scale(0.8) translate(0,8vh);
  }
  to { 
    -webkit-transform: scale(1.0) translate(0,0px);
    -o-transform: scale(1.0) translate(0,0px);
    -moz-transform: scale(1.0) translate(0,0px);
    transform: scale(1.0) translate(0,0px);
  }
}
/* End Setup for restaurant-service page */
