/*
 Theme Name:     Twenty Seventeen Child Theme
 Theme URI:      http://hyperlinkcode.com/blog/twenty-seventeen-child-theme/
 Description:    A bare-bones child theme for use with WordPress Twenty Seventeen Theme. Pick matching colors quickly at <a href="http://www.html-color-names.com/">html-color-names.com</a>.
 Author:         Edward Zivkovic
 Author URI:     http://www.ezau.com/
 Template:       twentyseventeen
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */

/* Demo Johnson Box code courtesy of: http://hyperlinkcode.com/blog/html-johnson-box/ */

.johnson1 {
	padding: 20px;
	background: #ffff99;
	width: 90%;
	margin: 20px auto;
}
.johnson6 {
	padding: 20px;
	background: #ffff99;
	width: 90%;
	margin: 20px auto;
	border: 3px dashed #ee0000;
}
.johnson8 {
	padding: 20px;
	background: #ccffcc;
	width: 90%;
	margin: 20px auto;
	border-left: 5px solid #ff8080;
}

/* Other Sample Code */

.warning {
	color: red;
}
.shadow {
	box-shadow: 0 8px 8px -6px #333;
}

/******** Увеличиваем область контента **********/
.wrap {
	/* max-width: 80%; */
}

@media screen and (min-width: 48em) {
	.wrap {
		max-width: 100%;
	}
}
@media screen and (min-width: 75em) {
	.wrap {
		max-width: 80%;
	}
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 100%;
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 80%;
	}
}

.has-sidebar #secondary {
	width: 26% !important;
}

.site-branding {
	display: none;
	padding: 1em 0 !important;
}

.site-branding-text{
	font-family: MonLazurskiBold, serif;
}

.navigation-top {
	background-color: #65c0ec;
	border: none;
	font-size: 1em;

}
.navigation-top .logo{
	position: absolute;
	top: 2px;
	left: 1em;
	width: 45px;
	height: 45px;
	background-color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.navigation-top .logo img{
	width: 60px;
}

/********** FOOTER ******************************/

.site-footer{
	/*background-color: #fafafa;*/
	background-color: #65c0ec;
    /*color: #fff;*/
    /*background: #03060D url('./assets/images/footerbg.jpg');*/
    /*background-size: cover;*/
}
.site-footer .widget-area {
	padding-bottom: 0;
	padding-top: 0;
}

.site-footer .footer-site-title{
    font-size: 24px;
    font-weight: 900;
}

.site-footer .widget-area a,
.site-footer .widget-area .logo a:hover{
    /*color: #fff0f0;*/
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.site-footer .widget-title{
    font-size: 14px;
    /*color: #fff;*/
}

.site-footer .widget-column p {
	margin-bottom: 0.5em;
}

.site-footer .widget-column h2 {
	margin-bottom: 1em;
}

.site-footer .widget-column section{
	padding-bottom: unset;
}
.site-footer .widget-column.footer-widget-1 img{
	width: 30%;
}


@media screen and (min-width: 48em) {

	.navigation-top .logo{
		top: 0.3em;
		width: 70px;
		height: 70px;
			/* left: 0; */
	}
	.navigation-top nav {
		margin-left: 3.5em;
	}
	
	.site-footer .widget-column.footer-widget-1 img{
		width: 50%;
	}

    .site-footer .widget-column.footer-widget-1 {
        float: left;
        width: 25%;
    }

    .site-footer .widget-column.footer-widget-2 {
        float: left;
        margin-left: 16px;
        width: 22%;
    }

    .site-footer .widget-column.footer-widget-3 {
        float: left;
        margin-left: 16px;
        width: 22%;
    }
    .site-footer .widget-column.footer-widget-4 {
        float: left;
        margin-left: 16px;
        width: 22%;
    }

	.widget-column .social-navigation{
		width: 100%;
	}
	.site-footer .widget-column .social-navigation ul li a{
		box-shadow: none;
		-webkit-box-shadow: none;
	}
}
/*.site-info { display: none; }*/

/************************************************/

.wp-block-gallery img {
	transition: all 0.2s ease;
}

.wp-block-gallery img:hover {
	opacity: 0.6;
}

#post-6{
	overflow: unset;
}

#panel3 .wrap{
	padding-bottom: 0;
}

/* Мы не можем скрыть заголовок т.к. по нему  работает скрипт смещения
	блоков на главной. */
#post-6 .entry-header{
	margin-bottom: 1em;
}
#post-6 .entry-header h2 span{
	font-size: 1.5em;
}

#post-43 .entry-header{
	display: none;
}

.page:not(.home) #content {
	padding: 1em;
}
/* fancy work*/
.fancywork-wizard .fw_header{
	display: none;
}

.slide-products .slide-title{
	font-weight: 600;
}
.phone_head_mob{
	display: none;
	position: absolute;
	right: 10px;
	top: 9px;
	width: 32px;
	height: 32px;
}
.mobile_banner_home{
	display: none;
}
.desctop_banner_home{
	display: block;
}
@media (min-width: 481px) and (max-width: 767px) {

	#panel3 .wp-block-column {
		padding: 0;
		margin: 0;
	}
	#panel3 ul,#panel3 ol {
		margin: 0;
		padding: 0;
	}
	#panel3 h1, #panel3 h2, #panel3 h3, #panel3 h4, #panel3 h5, #panel3 h6{
		padding: 0;
	}
	.phone_head_mob::after{
		content: "";
		background: url(assets/images/phone_icon_head_3.png) no-repeat;
		width: 32px;
		height: 32px;
		position: absolute;
		background-size: contain;
		top: 0;
		left: 0;
	}
	.phone_head_mob{
		display: block;
	}

	.desctop_banner_home{
		display: none;
	}
	.mobile_banner_home{
		display: block;
	}
	#contact span{
		width: auto!important;
	}
	.memo-row{
		display: none;
	}
}

.head_form_call{
	margin-top: 20px;
	margin-bottom: 0;
}
.description_form_call{
	margin-bottom: 0;
}
.wpforms-submit:hover{
	background: #767676!important;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.8)!important;
}
.wpforms-submit{
	background-color: #222!important;
	border: 0!important;
	-webkit-border-radius: 2px!important;
	border-radius: 2px!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	color: #fff!important;
	cursor: pointer!important;
	display: inline-block!important;
	font-size: 14px!important;
	font-size: 0.875rem!important;
	font-weight: 800!important;
	line-height: 1!important;
	padding: 1em 2em!important;
	text-shadow: none!important;
	-webkit-transition: background 0.2s!important;
	transition: background 0.2s!important;
}
@media (min-width: 320px) and (max-width: 480px) {

	#panel3 .wp-block-column {
		padding: 0;
		margin: 0;
	}
	#panel3 ul,#panel3 ol {
		margin: 0;
		padding: 0;
	}
	#panel3 h1, #panel3 h2, #panel3 h3, #panel3 h4, #panel3 h5, #panel3 h6{
		padding: 0;
	}
	.phone_head_mob{
		display: block;
	}
	.phone_head_mob::after{
		content: "";
		background: url(assets/images/phone_icon_head_3.png) no-repeat;
		width: 32px;
		height: 32px;
		position: absolute;
		background-size: contain;
		top: 0;
		left: 0;
	}
	.desctop_banner_home{
		display: none;
	}
	.mobile_banner_home{
		display: block;
	}
	#contact span{
		width: auto!important;
	}
	.memo-row{
		display: none;
	}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
	.slide-title{
		font-size: 22px;
	}
	.type-list .box-content div.product-item{
		width: 43%;
		margin: 3%;
	}
	.picture-item, .font-item{
		width: 90%;
	}
	.type-list .box-content div{
		background-size: contain;
	}
	#contact .load-buttons .load-button{
		width: 58px;
		height: 58px;
	}
	#contact .load-buttons{
		width: 100%;
	}
	body, button, input, select, textarea{
		font-size: 0.85rem;
	}
}
.slide-title,
.slide-title.fw_collapses,
.slide-products .slide-title{
	background: rgb(101,192,236);
	background: linear-gradient(90deg, rgba(101,192,236,1) 0%, rgba(181,229,253,1) 35%);
}
.fw_float-panel .result-box.icon-zoom-in:before{
	color: #e80180!important;
}

.description_form_call,
.head_form_call {
	color: #e80180;
}
.head_form_call {
	margin-top: 40px!important;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
	background-color: #e80180!important;
}

body, button, input, select, textarea {
	font-size: 1.1rem!important;
}