/*
Theme Name: sorefront-child
Author: meBand
Description: Your description goes here
Version: 0.1
Template: storefront

This is the child theme for Storefront theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

body, button, input, textarea {
    font-family: 'Comfortaa', sans-serif;
}
select {
    font-family: 'Comfortaa', sans-serif;
}

.site-header .site-branding img {
    height: auto;
    max-width: 350px !important;
    max-height: none;
}

.main-navigation {
    background-color: #E8DFCF;
}

.site-header {
    border-bottom-color: #E8DFCF;
	margin-bottom: 0 !important;
	padding-top: 1em;
}
button.menu-toggle, button.menu-toggle:hover {
	float: left;
    background-color: #E8DFCF;
	margin-top: 1em;
	margin-bottom: 1em;
}

button.menu-toggle:focus {
	outline-color: #ffffff00;
}

.site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
    outline-color: #ffffff00;
	max-width: 350px;
}

.site-header .site-branding {
	max-width: 350px;
}

.menu-item>a {
	color: #000 !important;
	padding: 0.5em 1em !important;
	margin: 1em;
	font-weight: 600 !important;
}

.menu-item>a:hover {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	font-weight: 600 !important;
	background: #FF722D !important;
	border-radius: 5px 5px 30px 5px;
	-webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #000;
}


.menu-item>a:focus {
	outline-color: #ffffff00;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
	-webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #000;
}

.current-menu-item>a {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	font-weight: 600 !important;
	background: #FF722D !important;
	border-radius: 5px 5px 30px 5px;
	color: #000 !important;
	-webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #000;
}

.phone-header {
	font-weight: 600;
	color: #000000;
	display: flex;
    flex-direction: row;
	align-items: center;
}

.phone-header:focus {
	outline-color: #ffffff00;
}

.phone-ico {
	max-width: 30px;
	padding-right: 0.4em;
}

.mail-header {
	font-weight: 600;
	color: #000000;
	display: flex;
    flex-direction: row;
	align-items: center;
}

.mail-header:focus {
	outline-color: #ffffff00;
}

.mail-ico {
	max-width: 30px;
	padding-right: 0.4em;
}

.phone_header:focus {
	outline-color: #ffffff00;
}

.site-header>.col-full {
	display: flex;
    flex-direction: row;
	justify-content: space-between;
    align-items: center;
}

.site-header>.col-full::after, .site-header>.col-full::before, .main-navigation::after, .main-navigation::before {
	content: none;
}

.main-navigation {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

button.menu-toggle:active {
	background-color: #FF722D;
}

.list-group-item:active {
	background-color: #FF722D;
}

.site-footer {
	padding-bottom: 1em;
	padding-top: 2em;
}

.site-info {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	padding-bottom: 0em;
	padding-top: 0em;
}


.site-info div {
	flex-grow: 1;
  	flex-basis: 0;
}

.fColumn2, .fColumn3, .fColumn4 {
	text-align: center;
}

.copy {
	padding-top: 3em;
}

.refCol {
	text-decoration: none !important;
}

.refCol:hover {
	color: #FF722D !important;
}

.refCol:focus {
	outline-color: #ffffff00;
}

.refCol:active {
	outline-color: #ffffff00;
}

.fRequest {
	text-decoration: none !important;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	font-weight: 600 !important;
	background: #FF722D !important;
	border-radius: 30px;
	color: #000 !important;
	padding: 1em;
	-webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #000;
}

.fRequest:hover {
	background: #ff8f58 !important;
}

.fRequest:focus {
	outline-color: #ffffff00;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}

.fRequest:active {
	outline-color: #ffffff00;
}

.site-content>.col-full {
	margin-left: 5%;
	margin-right: 5%;
}

.header-widget-region {
 	display: none;
}

.entry-title {
	display: none;
}

.entry-content {
	padding-top: 15px;
}

.body-contact {
    display: inline-block;
    padding-right: 5%;
}

.laravel-icon-gps {
    background: url(http://www.elganstroy.by/wp-content/design/gps.png) no-repeat left center;
    display: inline-block;
    vertical-align: middle;
    padding-left: 120px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.laravel-icon-phone {
    background: url(http://www.elganstroy.by/wp-content/design/phone.png) no-repeat left center;
    display: inline-block;
    vertical-align: middle;
    padding-left: 120px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.laravel-icon-time {
    background: url(http://www.elganstroy.by/wp-content/design/time.png) no-repeat left center;
    display: inline-block;
    vertical-align: middle;
    padding-left: 120px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.laravel-icon-email {
    background: url(http://www.elganstroy.by/wp-content/design/mail.png) no-repeat left center;
    display: inline-block;
    vertical-align: middle;
    padding-left: 120px;
    padding-top: 30px;
    padding-bottom: 25px;
}

.text-style {
    font-weight: 500;
    font-size: 18px;
}

.wp-block-media-text__media img, .wp-block-media-text__media video {
	padding-bottom: 1em;
}

.request-button {
	background-color: #ff722d !important;
	color: #000000 !important;
	outline-color: #ffffff00;
	font-weight: 600 !important;
	-webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #000;
	border-radius: 30px !important;
}

.request-button:focus {
	outline-color: #ffffff00;
}

.request-button:active {
	outline-color: #ffffff00;
}

.request-button:hover {
	outline-color: #ffffff00;
}
/*стили для смартфонов*/

@media screen and (max-width: 767px) {
		
	.site-header>.col-full {
		display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
	}	

	.contacts-top {
		margin-left: 0;
    	padding-top: 0.5em;
    	padding-bottom: 0.5em;
	}
	
	.site-header {
		padding-bottom: 0.5em;
	}
	
	.main-navigation {
		display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
	}
	
}

@media screen and (max-width: 830px) {
	.site-info {
	display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
	padding-bottom: 0em;
	padding-top: 0em;
	}
	
	.fColumn4 {
		margin-bottom: 2em;
	}
	
	.fColumn3, .fColumn2 {
		margin-bottom: 1em;
	}
}

/*span.untr_text {
    color: #000000;
	font-style: bold;
}*/