/*
 * Theme Name: Roonix
 * Author: Themexriver
 * Author URI: http://themeforest.net/user/themexriver
 * Theme URI: https://themes.themexriver.com/wp/roonix/
 * Description: Roonix is the new outstanding, extremely advanced powerful WordPress theme, designed for metal roofing, industrial roofing, construction, exterior, maintenance, painting, remodelling, renovation, repair service, roof repair, roofers, roofing, roofing company, roofing service, siding websites. 
 * Version: 1.5
 * License: This theme or plugin is comprised of two parts. (1) the PHP code and integrated HTML are licensed under the General Public License (GPL). You will find a copy of the GPL in the same directory as this text file. (2) All other parts, but not limited to the CSS code, images, and design are licensed according to the license purchased from Envato.  Read more about licensing here: http://themeforest.net/licenses
 * License URI: license.txt
 * Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 * Text Domain: roonix
 * Tested up to: 5.0
 * Requires PHP: 7.0
*/

.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a {
    color: unset;
} 
.elementor-element.elementor-element-4eb826db,.elementor-element.elementor-element-4eb826db .e-con-inner {
  padding: 8px;
background: #382d5e;
font-size: 15px;
}
.elementor-1135 .elementor-element.elementor-element-1b8411d .elementor-icon-list-item > a, .elementor-icon-list-item .ekit_page_list_content{
width: 100%;
}
.elementor-1135 .elementor-element.elementor-element-1b8411d .elementor-icon-list-icon{
width: 40px;
}

.elementor-element.elementor-element-1b8411d .ekit-wid-con svg {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
} 
.auto-container.clearfix{
	display: flex;
    align-items: center;
    justify-content: space-between;	
}
.logo.pull-left{
	flex-basis: 20%;
}
.service-detail-section .image{
height: 400px;
}
.service-detail-section .video-box{
    border: 10px solid #fff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    height: 400px;
    overflow: hidden;
}
.pull-right{
	 flex-basis: 80%;
    display: flex;
    justify-content: end;
}
#xs_footer_8{
	background-color: #fcfcfc;
    border-top: 1px solid #e9e9e9;
}
.elementor-element.elementor-element-cb52c20,.elementor-element.elementor-element-5a152c1{
	background: #54595f;
}
.elementor-element.elementor-element-3d4878f,.elementor-element.elementor-element-f3ebff6{
	padding: 40px 0;
}
.elementor-element.elementor-element-c6e537e,.elementor-element.elementor-element-b125c1b{
	    display: flex;
    justify-content: space-around;
    align-items: center;
}
.info-column.col-lg-6.col-md-6.col-sm-12 .column-inner{
	position: relative;
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16) !important;
    border-radius: 8px;
}
.column-inner .icon.icon{
	display: none;
}

.appointment-section .inner-container{
	background: #000;
    padding: 30px;
    border-radius: 15px;
}
.elementor-element.elementor-element-2926401b.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
	margin-top: 40px;
	margin-bottom: 15px;
	
}
.page-id-1821 .e-con-inner {
	padding: 8px !important;
}
.current_page_item.active{
	text-decoration: underline;
    text-decoration-color: #FF5317;
    text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.appointment-section{
	background-color:#ebebeb !important;
}
.wp-caption {
	margin-bottom: 2px;
}

.wp-caption-text {
	margin-bottom: 5px;
}

.screen-reader-text {
	margin-bottom: 12px;
}

.gallery-caption {
	margin-bottom: 2px;
}

.bypostauthor {
	margin-bottom: 2px;
}

.alignleft {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	max-width: 100%;
}

.alignright {
	float: right !important;
	margin-bottom: 20px;
	margin-left: 20px;
	max-width: 100%;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px;
}

.col-md-4 .funfact-meta > i {
	right: 27px;
}

.mycustom-pricing {
	background-color: #090909 !important;
}

.on-hover {
	display: none;
	animation: fadeOut 0.5s;
}

.hver:hover .on-hover {
	display: block;
	animation: fadeIn 0.5s;
}