/*
Theme Name: WP Yellow Hats Child
Theme URI: https://7oroofthemes.com/yellow-hats
Author: 7oroof
Author URI: https://themeforest.net/user/7oroof/portfolio
Description: Yellow Hats is a stunning, professional and flexible Construction, Building & Renovation Theme based on Strong researches into the field of business, Construction and Handyman Business.
Version: 2.1.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Tags:  	architecture, building company, construction business, construction company, constructor, contractor, corporate, electrician, engineering, factory, handyman, industry, plumber, remodeling, renovation 
Template: wp-yellow-hats
Text Domain: wp-yellow-hats-child
*/
/*Home*/

/*
Theme Name: WP Yellow Hats - shared on wplocker.com
Theme URI: http://demo.zotheme.com/
Author: WPstrong
Author URI: http://themeforest.net/user/wpstrong/portfolio
Description: The 2016 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: wp-yellow-hats

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.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
/*Home*/
.rev_slider .tp-caption {
	text-shadow: 2px 2px 2px rgba(0,0,0);
	font-family: "Open Sans" !important;
}
.rev_slider .btn:hover {
	background-color: #043D88 !important;
	border-color: #043D88 !important;
}

.rev_slider #slide-37-layer-6.tp-caption {
	text-shadow: none;
}
.rev_slider #slide-38-layer-3 .text-center {
	text-align: center !important;
}

.cms-cta-wrapper.cms-style-default:before {
	background-image: url(https://olympia-build.com.ua/wp-content/uploads/2018/07/contuct-us-0.png) !important;
}
#home-seo-text h3 {
	font-size: 20px;
}

/*Navigation*/
.menu-main-menu ul.sub-menu {
	width: 400px !important;
}
.menu-main-menu .w-200 + ul.sub-menu {
	width: 200px !important;
}

/*Widgets*/
#sidebar #secondary {
	padding: 20px !important;
}

.menu .sub-menu {
	display: none;
	width: auto !important;
}
.menu .current-menu-item > .sub-menu {
	display: block;
}
.menu .current-menu-ancestor > .sub-menu {
	display: block;
}
.menu li a {
	line-height: 1.25 !important;
}

footer .cshero-footer4 #cshero-footer-top {
	background-color: #043D88;
	color: #CCD8E7;
}
footer .cshero-footer4 #cshero-footer-top a, footer .cshero-footer4 #cshero-footer-top p {
	color: #FFF;
}
footer .cshero-footer4 #cshero-footer-top a:hover, footer .cshero-footer4 #cshero-footer-top a:focus {
	color: #FFC527;
}
footer .cshero-footer4 #cs-copyright {
	background-color: #043D88;
	border-top-color: #03306C;
}
#cshero-footer-top ul.menu li {
	width: 100% !important;
}
#cshero-footer-top ul.menu li a {
	font-size: 14px !important;
}
footer .cshero-footer4 .cms-fancyboxes-layout2 .fancy-box-content-wraaper {
	padding-left: 50px;
}
footer .cshero-footer4 .cms-fancyboxes-wraper {
	padding-top: 0 !important;
	padding-bottom: .25em !important;
}
footer .cshero-footer4 .cms-fancybox-icon {
	width: 40px;
}
footer .cshero-footer4 .cms-fancybox-icon::before {
	display: none;
}

/*Content*/
#page-title {
	padding-top: 120px !important;
}
.page-id-2692 #page-title, .page-id-2785 #page-title, .page-id-2696 #page-title, .page-id-200 #page-title, .page-id-139 #page-title {
	padding: 200px 0px 200px 0px !important; 
}
.page-id-200 #page-title {
	background-position: 70% 10% !important;
}
.page-id-139 #page-title {
	background-position: center 82% !important;	
}
#page-title #page-title-text h1 {
	font-family: "Open Sans" !important;
}
#page-title #page-title-text h1::before {
	display: none;
}


.entry-content ul {
	list-style: disc;
	margin-left: 3em;
	margin-bottom: 1em;
	padding: 0 !important;
}
.entry-content table td {
	border: 1px solid #ededed;
	padding-left: 6px;
}

/*Pages*/

.page .entry-content, .single .entry-content, #comments .comment-list .comment-main .comment-content p {
	color: #474747;
}
.page-id-200 .cms-fancybox-item {
	margin-bottom: 2em;
	padding-bottom: 0 !important;
}
.page-id-200 .cms-fancybox-item a {
	color: #5a5a5a;
}
.page-id-200 .cms-fancybox-item a:hover, .page-id-200 .cms-fancybox-item a:focus {
	color: #FFC527;
}
.page-id-200 .cms-fancyboxes-wraper .cms-fancybox-item {
	text-align: left !important;
}

.page-id-3091 .comments-area .cms-title, .comment-form-website {
	display: none;
}

/*Projects*/
.sg-project-image, .sg-project-body, .sg-project-header, .post-navigation {
	display: none;
}
.sg-project img.aligncenter {
	margin-bottom: 1em;
}
a.cms-projects-item {
	display: block !important;
}
.cms-projects-hover .cms-projects-title {
	font-size: 1em;
	background-color: #043D88;
	padding: .25em .5em;
	color: #fff !important;
	transition: color .3s ease-in-out;
}
.cms-projects-hover .cms-projects-title:hover {
	color: #FFC527;
}
.cms-projects-hover a {
	display: block !important;
}
.cms-projects-hover .cms-projects-title:hover a {
	color: #FFC527;
}
/*Services*/
a.cms-services-header {
	display: block !important;
} 
.layout-services.services-layout2 .cms-services-body .cms-services-title {
	margin-top: 1em !important;
}
.layout-services.services-layout2 .cms-services-body {
	padding-left: 0 !important;
}

/*Forms*/
.form-question .extra-title {
	color: #2f2f2f;
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.form-question .extra-title::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	margin: .25em auto .5em;
	background-color: #FFC527;
}
.wpcf7-form .wpcf7-submit {
	background-color: #043D88 !important;
	border-color: #043D88 !important;
}
.wpcf7-form .wpcf7-submit:hover {
	background-color: #FFC527 !important;
	border-color: #FFC527 !important;
}

/*Components*/
#breadcrumb-text {
	display: none;
}

body.search .entry-feature-image {
	display: none;
}

.cms-fancyboxes-wraper {
	padding: 1em 0 !important;
}
.cms-fancyboxes-wraper .cms-fancybox-item {
	text-align: center !important;
}

@media (max-width: 1200px) {
.container {
   	width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.home-icons-section .cms-fancyboxes-body, .home-icons-section .cms-fancyboxes-wraper {
		background-color: #fff !important;
		border: none !important;
		box-shadow: none !important;
	}
}

@media (min-width: 993px) {
	#cshero-header-inner.header-8 #cshero-header-wrapper #cshero-header {
	    background-color: #043D88 !important;
	}
	#cshero-header-inner.header-8 #cshero-header-top {
		padding: 15px 0 35px !important;
	}
	#cshero-header-inner.m-style #cshero-header .menu-main-menu > li > a:before {
		background-color: #FFC527!important;
	}

	footer .cshero-footer4 .cms-fancyboxes-wraper .cms-fancybox-item {
	text-align: left !important;
}
}

@media screen and (min-width: 993px) {
	#cshero-header-navigation .main-navigation li ul li a {
		padding: 10px 0 !important;
		line-height: 1 !important;
	}

	#page-default .container {
    	width: 100%;
	}
}

@media screen and (max-width: 992px) {
	.rev_slider .tparrows:hover {
		width: 27px !important;
	}

	footer .cshero-footer4 .cms-fancybox-icon, footer .cshero-footer4 .fancy-box-content-wraaper {
		width: 100%; 
	}
	footer .cshero-footer4 .fancy-box-content-wraaper {
		padding: 0 !important;
	}

	.wpcf7-form > .row {
		margin-bottom: 0 !important;
	}
	.wpcf7-form input[type=submit].btn-block {
		margin-top: 2em !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#nav_menu-5 .widget-title {
		padding-left: .25em;
	}
	#sidebar #secondary {
		padding: 0 !important;
	}
	#sidebar .widget_nav_menu li a {
		padding-left: 12px !important;
	}
	#sidebar .widget_nav_menu ul.sub-menu li a {
		padding-left: 20px !important;
	}
	#sidebar .widget_nav_menu ul.sub-menu ul.sub-menu li a {
		padding-left: 28px !important;
	}

	.cms-projects-style1 .cms-projects-item-inner .cms-projects-hover {
		padding: 10px !important;
	}
	.cms-projects-style1 .cms-projects-item-inner .cms-projects-hover .cms-projects-title a {
		font-size: .5em !important;
	}

	.home-icons-section .cms-fancyboxes-body .cms-fancybox-title {
		font-size: 11px !important;
		border: none !important;
	}
	.home-icons-section .cms-fancyboxes-body, .home-icons-section .cms-fancyboxes-wraper {
		background-color: #fff !important;
		border: none !important;
		box-shadow: none !important;
	}
}

@media (min-width: 768px) {
	.entry-content p {
		text-align: justify;
	}
}

@media (max-width: 767px) {
	.rev_slider .box-slider-subtitle, .rev_slider .revsl-subtitle, .rev_slider .revsl-text {
		font-size: 8px !important;
		line-height: 1.25 !important;
	}
	.rev_slider .tparrows {
		height: 35px !important;
	}
	.rev_slider .tparrows::before {
		line-height: 35px !important;
	}
	.rev_slider .tp-rightarrow {
		left: 65% !important;
	}
	.rev_slider .tp-leftarrow {
		left: 64% !important;
	}

	.mobile-clear-space.wpb_column .vc_column-inner.vc_custom_1531125858918 {
		margin-top: 2em !important;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	 .cms-projects-item .cms-projects-item-inner, .cms-services-item .cms-grid-item-inner {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}
	.home .cms-projects-hover .cms-projects-title {
		padding: 1em;	
	}
}

@media (max-width: 480px) {
	.rev_slider #slide-37-layer-6 .box-slider-title {
		font-size: 12px !important;
		margin-top: 0 !important;
		margin-bottom: 10px !important;
		padding-top: 7px !important;
		line-height: 1.25 !important;
	}
	.rev_slider .tparrows {
		top: 110% !important;
	}
	.rev_slider .tp-rightarrow {
		left: 50% !important;
	}
	.rev_slider .tp-leftarrow {
		left: 49% !important;
	}

	#page-title {
		background-position: 35% center !important;
	}
	#page-title #page-title-text h1 {
		line-height: 1.5 !important;
	}
	.entry-content h2 {
		font-size: 20px;
	}
	.entry-content td {
		font-size: 12px;
	}

	.cms-projects-style1 .cms-projects-item-inner .cms-projects-hover {
		padding: 10px !important;
	}
}
.cms-projects-hover .cms-projects-title {
    height: 86px !important;
	line-height: 26px !important;
    font-size: 17px !important;
}
.right {
    position: fixed;
    width: 50px;
    top: 41%;
    right: 0;
    -webkit-box-shadow: 0px 2px 5px rgb(0 0 0 / 50%);
            box-shadow: 0px 2px 5px rgb(0 0 0 / 50%);
    border-radius: 10px 0 0 10px;
    background: #fff;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 9999999;
}
li.post-details-right {
    float: right;
}
.info-left {
    float: left;
	padding: 3px 0;
}

.info-left a {
    border-bottom: none;
}

.info-left a img {
    width: 35px;
    margin: 5px 8px 3px;
}

.entry-blog .entry-meta ul li+li{
	margin-left: 0px !important;
}
li.detail-terms, li.detail-author {
    display: none !important;
}
div.page-title.br-style1 {
    background-position: center 82% !important;
}
.btn-yslyga{
color: white;
    font-size: 13px;
    line-height: 1;
    padding: 15px 25px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.02em;
    font-family: Montserrat;
    -webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    background-color: #043d88;
    display: inline-block;
    margin-top: 12px;
}
span.comment-date, .comment-author-image.vcard {
    display: none !important;
}
#comments .comment-list .comment-main {
 padding-left: 0px !important;
	  }