/* HYPERLINKS
------------------------------------------------------------ */

a,
.entry-content a {
	color: #0068aa; /* ACF */
	font-size: 16; /* ACF */
	text-decoration: underline; /* ACF */
}

a:visited,
.entry-content a:visited {
	color: #0068aa; /* ACF */
	text-decoration: underline; /* ACF */
}

a:hover,
.entry-content a:hover {
	color:#0068aa; /* ACF */
	text-decoration: underline; /* ACF */

}


/* Site Wide Widths
------------------------------------------------------------ */

#top_bar_,
.site-header, .site-header .wrap,
.content-sidebar-sidebar .site-header .wrap, .sidebar-sidebar-content .site-header .wrap, .sidebar-content-sidebar .site-header .wrap, .content-sidebar .site-header .wrap, .sidebar-content .site-header .wrap, .full-width-content .site-header .wrap,
.innertitlewrap,
.content-sidebar-sidebar .menu-primary,
.sidebar-sidebar-content .menu-primary,
.sidebar-content-sidebar .menu-primary,
.content-sidebar .menu-primary,
.sidebar-content .menu-primary,
.full-width-content .menu-primary,
.content-sidebar-sidebar .menu-secondary,
.sidebar-sidebar-content .menu-secondary,
.sidebar-content-sidebar .menu-secondary,
.content-sidebar .menu-secondary,
.sidebar-content .menu-secondary,
.full-width-content .menu-secondary,
.full-width-content .content,
.content-sidebar-sidebar .site-footer .wrap,
.sidebar-sidebar-content .site-footer .wrap,
.sidebar-content-sidebar .site-footer .wrap,
.content-sidebar .site-footer .wrap,
.sidebar-content .site-footer .wrap,
.full-width-content .site-footer .wrap,
.sidebar-sidebar-content .site-inner,
.sidebar-content-sidebar .site-inner,
.sidebar-content .site-inner,
.content-sidebar-wrap{
	width:100%;
	margin:0 auto;
}

.content-sidebar-wrap{
padding: 40px 0 0 0; }



/* Dual Sidebar Content Width */

.content-sidebar-sidebar .content, .sidebar-sidebar-content .content, .sidebar-content-sidebar .content{
width: 700px; 	
}

/* Single Sidebar Content Width */

.content-sidebar .content{
width: 800px; 	float:left;
}

.sidebar-content .content{
width: 800px; 	float:right;
}

/* Dual Sidebar Content Wrap Width */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap{
	width: px; /* ACF */
}



/* Single Sidebar Width */

.content-sidebar .sidebar-primary,.sidebar-content .sidebar-primary {
	width: 250px; /* ACF */
}

.content-sidebar-sidebar .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary,
.sidebar-content-sidebar .sidebar-primary{
	width: 150px;  /* ACF */
}

.content-sidebar-sidebar .sidebar-secondary,
.sidebar-sidebar-content .sidebar-secondary,
.sidebar-content-sidebar .sidebar-secondary{
	width: 150px; /* ACF */
}

/* BODY
------------------------------------------------------------ */

body {
	background: #363636; /* ACF */
	 background-repeat:repeat;	color: #363636; /* ACF */
	font-family: 'Roboto', 'sans-serif'; /* ACF */
	font-size: 20px; /* ACF */
	font-weight: 300; /* ACF */
	line-height: 1.625; /* ACF */
}


/* WRAP
------------------------------------------------------------ */

.site-container {
	background: #ffffff; /* ACF */
	 background-size:; background-repeat:no-repeat;	width:100%;
 /* ACF */
	margin:0 auto;
	margin: 0px auto 0px;  /* ACF */
	padding: 0px 0px 0px 0px;  /* ACF */
}



/* Above Header  */

.above-header-container{
	width:100%;
	margin:0 auto;
	background: ; /* ACF */
	 background-size:; background-repeat:no-repeat;	max-width:1100px;}

.above-header{
	width:100%;
	margin:0 auto;
	max-width:1100px;}

/* HEADER
------------------------------------------------------------ */

.site-header{
	width:100%;
	margin:0 auto;
}



.header-content{
	margin:0 auto;
}


/* Below Header  */

.below-header-container{
	width:100%;
	margin:0 auto;
	}

.below-header{
	width:100%;
	margin:0 auto;
	max-width:1100px;}

/* Logo */

.wi_logo{
	width: 100%;
	height: auto;
	display:block;
	padding:0 0 0 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;	

}

/*
PAGE TITLE and BREADCRUMBS
------------------------------------------------------------ */


/* Page Title Wrap Outside Content */

.outertitlewrap{
    background:#0068aa;
	background:#0068aa url("https://www.fraleyroofing.com/wp-content/uploads/dp-hdrs.jpg"); background-size:cover; background-repeat:no-repeat;	}


.innertitlewrap{
    padding: 0 0 0 0;
	margin:0 auto;
	max-width: 1100px;
}

.innertitlewrap h1{
	color:#ffffff !important;
	font-family:"Oswald", sans-serif;
	font-weight:600;
	font-size:40px;
	text-transform:uppercase;}

@media screen and (max-width:768px){
	.innertitlewrap h1{
	text-align:center;
}
}


/* NAVIGATION SECTION
------------------------------------------------------------ */

/* Primary Menu Fonts */

.nav-primary,
.menu-primary a,
.menu-primary li a:active,
.menu-primary li a:hover,
.menu-primary li.current_page_item a,
.menu-primary li.current-cat a,
.menu-primary li.current-menu-item a,
.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
.menu-primary li li a:active,
.menu-primary li li a:hover,
.site-header .genesis-nav-menu a,
.site-header .genesis-nav-menu li a:active,
.site-header .genesis-nav-menu li a:hover{
	font-family: 'Arial', 'sans-serif';
}

/* Primary Navigation */

.nav-primary, .nav-secondary, .site-header .genesis-nav-menu {
	font-size: 16px;
	font-weight:300;
	}



.menu-primary a,.menu-secondary a, .site-header .genesis-nav-menu a {
	background: ;
	border-top: ;
	border-bottom: ;
	border-left: ;
	border-right: ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
}

.menu-primary li a:active,
.menu-primary li a:hover,
.menu-secondary li a:active,
.menu-secondary li a:hover,
.site-header .genesis-nav-menu li a:active,
.site-header .genesis-nav-menu li a:hover{
	text-decoration: none;
	background: #fe9a17;
	color: #000000;
}


.menu-primary > li.current_page_item > a,
.menu-primary > li.current_page_parent > a,
.menu-primary > li.current-cat > a,
.menu-primary > li.current-menu-item > a,
.menu-secondary > li.current_page_item > a,
.menu-secondary > li.current_page_parent > a,
.menu-secondary  > li.current-cat > a,
.menu-secondary > li.current-menu-item > a,
.site-header > .genesis-nav-menu li.current_page_item > a,
.site-header > .genesis-nav-menu li.current_page_parent > a,
.site-header > .genesis-nav-menu li.current-cat > a,
.site-header > .genesis-nav-menu li.current-menu-item > a{
	background: #910026;
	color: none;
}

.menu-primary li.current_page_item a:hover,
.menu-primary li.current_page_parent a:hover,
.menu-primary li.current-cat a:hover,
.menu-primary li.current-menu-item a:hover,
.menu-secondary li.current_page_item a:hover,
.menu-secondary li.current_page_parent a:hover,
.menu-secondary li.current-cat a:hover,
.menu-secondary li.current-menu-item a:hover,
.site-header .genesis-nav-menu li.current_page_item a:hover,
.site-header .genesis-nav-menu li.current_page_parent a:hover,
.site-header .genesis-nav-menu li.current-cat a:hover,
.site-header .genesis-nav-menu li.current-menu-item a:hover{
	background:#fe9a17;
	color: #ffffff !important;
}

.menu-primary li ul,.site-header .genesis-nav-menu li ul{
	border-top: 0px solid #000000;
	border-bottom: 5px solid #71000e;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	background:#fe9a17 !important;
	width: 230px;
	height: auto;
	margin: 0;
	z-index: 9999;
	left: -9999px;
	position: absolute;
	display:none;
	box-shadow:3px 3px 10px rgba(0,0,0,.3);
}

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
.menu-secondary li li a,
.menu-secondary li li a:link,
.menu-secondary li li a:visited,
.site-header .genesis-nav-menu li li a,
.site-header .genesis-nav-menu li li a:link,
.site-header .genesis-nav-menu li li a:visited{
		border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	color: #71000e !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: ;
	float: none;
	position: relative;
}


.menu-primary li li a:active,
.menu-primary li li a:hover,
.menu-secondary li li a:active,
.menu-secondary li li a:hover,
.site-header .genesis-nav-menu li li a:active,
.site-header .genesis-nav-menu li li a:hover{
	background: #71000e !important;
	color: #ffffff !important;
}

/* Responsive Menu ------- */

/* Hamburger Icon */

.slicknav_menu .slicknav_btn {
    float: none !important;
	height:34px;
	padding:9px;
	border-radius:8px;
    margin: 0 auto !important;
    width: 95px !important;
	-webkit-order: 1;
	background:transparent;
}

/* Elementor Responsive */

.elementor-menu-toggle:before {
    position: relative;
  content: "Menu";
    padding-right: 5px;
    }

/* Paragraph Margin */

.entry-content p {
	margin: 0 0 25px;
}

/* Content Container Widths */

/* Above Content  */

.above-content-container{
	width:100%;
	margin:0 auto;
	max-width:1100px;}

.above-content{
	width:100%;
	margin:0 auto;
	max-width:1100px;}

/* Below Content  */

.below-content-container{
	width:100%;
	margin:0 auto;
	max-width:1100px;}

.below-content{
	width:100%;
	margin:0 auto;
	max-width:1100px;}

/* CONTENT HEADLINES
------------------------------------------------------------ */

h1,
.content .post h1,
.content .page h1,
.content h1.entry-title,
.content .entry-content h1,
body.search .content h1.archive-title {
	font-family:'Oswald';
	font-size: 36px;
	color:#000000;
	font-weight: normal;
}

h1 a,
h1:a:visited,
.content .post h1 a,
.content .post h1 a:visited,
.content .page h1 a,
.content .page h1 a:visited,
.content h1.entry-title a,
.content h1.entry-title a:visited {
	font-family:'Oswald';
	font-size: 36px;
	color:#000000;
	font-weight: normal;
}


h2,
.content .post h2,
.content .page h2,
.content h2.entry-title,
.content .entry-content h2 {
	font-family:'Arial';
	font-size: 28px;
	color:#a61c15;
	font-weight: normal;
}

.content .post h3,
.content .page h3,
.content .entry-content h3 {
	font-family:'Arial';
	font-size: px;
	color:#a61c15;
	font-weight: ;
}

.content .post h4,
.content .page h4,
.content .entry-content h4 {
	font-family:'Oswald';
	font-size: 18px;
	color:#a61c15;
	font-weight: Bold;
}

.content .post h5,
.content .page h5,
.content .entry-content h5 {
	font-family:'';
	font-size: px;
	color:;
	font-weight: ;
}

.content .post h6,
.content .page h6,
.content .entry-content h6 {
	font-family:'';
	font-size: px;
	color:;
	font-weight: ;
}


/* LISTS
------------------------------------------------------------ */

.entry-content ul,
.entry-content ol{
	margin: ;
	padding: ;
}

.archive-page ul li,
.entry-content ul li{
	list-style-type: ;
	margin: ;
	padding: ;
}

.entry-content ol li{
	margin: ;
}

.archive-page ul ul,
.entry-content ul ul,
.entry-content ol ol{
	padding: ;
}


/* Sidebars */

.sidebar-primary h4,
.sidebar-secondary h4{
	background: #000000;	border-top: 0px solid #DDDDDD;
	border-bottom: 0px solid #DDDDDD;
	border-left: 0px solid #DDDDDD;
	border-right: 0px solid #DDDDDD;
	margin: 0;
	font-family: 'Oswald';	margin: 20px 0px 10px 0px;	padding: 5px 5px 5px 10px;	color: #ffffff;	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
	font-family: 'Oswald';
	text-transform: uppercase;}

@media screen and (max-width:768px){
	.sidebar-primary h4,
.sidebar-secondary h4{
	text-align:center;
}
}

.sidebar-primary,
.sidebar-secondary{
	color: ;
	font-size: 18px;
	line-height: 1.6;
}

.sidebar-primary a,
.sidebar-primary a:visited,
.sidebar-secondary a,
.sidebar-secondary a:visited{
	color: #0068aa !important;	font-family: 'Roboto';
	font-size: 18px; 
	font-weight: 400; 
	line-height: 1.6; 
		padding: 5px 0 5px 10px; 
		padding: 5px 0 5px 10px; 
	text-decoration: none;
	display:block;
}

.sidebar-primary a:hover,
.sidebar-secondary a:hover{
	color: ;
	text-decoration: none;
		
}


/* Sidebar Icons */

/* Current Page Color */
.sidebar .current_page_item a{
color:#a61c15 !important;}

/* Other Page Color */

/* Size */

.sidebar-primary li:before{
		font-family:FontAwesome !important;
	position:relative;
}

.sidebar.widget-area ul li{list-style-type: none; word-wrap: break-word !important;}
.sidebar.widget-area ul li ul li.current_page_item ul{list-style-type: none;}
.sidebar.widget-area ul li ul li ul li{word-wrap: break-word !important;}

.sidebar.widget-area ul li.current_page_item{
		
list-style-type: none; 
word-wrap: 
break-word !important;}

.sidebar-primary .current_page_item:before{
	content:"\f0da" !important;	font-family: FontAwesome !important;
	position:relative;
	color:#0068aa !important;	height:30px;
	float:left;
	}

@media screen and (max-width:768px){
.sidebar li a{
text-align:center;
}
}

/* Above Footer  */

.above-footer-container{
	width:100%;
	margin:0 auto;
	max-width:1100px;}

.above-footer{
	width:100%;
	margin:0 auto;
	max-width:1100px;}

/* Footer  */

.footer-container{
	width:100%;
	margin:0 auto;
	}

.footer-content{
	width:100%;
	margin:0 auto;
	}

/* Below Footer, often used for Copyright */

.below-footer-container{
	width:100%;
	margin:0 auto;
	}
.below-footer{
	width:100%;	
	margin:0 auto;
}


/* Visual Form Builder */

/* Hide Labels */

.vfb-control-label{
	display:none !important;
}

.vfb-col-2,.vfb-col-3,.vfb-col-4,.vfb-col-6,.vfb-col-12{
	margin-bottom:15px !important;
}
/* Field Styling */

.vfbp-form .vfb-form-control{
	background: !important;
	border-width:1px !important;
	border-radius:0 !important;
	border-color:#000000 !important;
    box-shadow: none !important;
}
/*
.btn.btn-primary{
	background:#000000 !important;	
			border-width:0px !important;
	border-radius:0px !important;
	border-color: !important;
	max-width:200px !important;
	
}


.btn.btn-primary:hover{
	background:#727272 !important;		
}
*/

/* Form Icons */


#vfbp-form-2 .vfb-form-control {
	padding-left:40px !important;

}

#vfbp-form-2 #vfbField4{
	position:relative;
}

#vfbp-form-2 #vfbField4:before{
	content:"\f007";
	position:absolute;
	left:24px;
	top:0;
	font-size:26px;
	font-family:FontAwesome;
	color:#d3d3d3;
}

#vfbp-form-2 #vfbField5{
	position:relative;
}

#vfbp-form-2 #vfbField5:before{
	content:"\f0e0";
	position:absolute;
	left:22px;
	top:2px;
	font-size:22px;
	font-family:FontAwesome;
	color:#d3d3d3;
}


/* VFB Responsive */
/* Name Padding on Mobile */

@media screen and (max-width:768px){

	.vfb-col-2,.vfb-col-3,.vfb-col-4,.vfb-col-6,.vfb-col-12{
		margin-bottom:15px !important;
	}
}

.g-recaptcha{
	transform:scale(0.77) !immportant;-webkit-transform:scale(0.77) !important;transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;
}

/* Custom Responsive CSS
------------------------------------------------------------ */

@media only screen and (max-width: 1139px) {
	.header-image .site-header .wrap .title-area{
		text-align:center;
		}
	.site-header .title-area, .site-header .header-widget-area, .site-footer .wi_footer{
		display:block;
		text-align:center;
	}
	.site-header .wrap, .site-footer .wrap{
		display:block;
	}

}
@media only screen and (max-width: 767px) {
	.nav-primary{
		display:none;
	}
}

/* Home */

/* Full Width Homepage Styling 


.home.full-width-content .site-inner,.home .content-sidebar-wrap, .home.full-width-content .content{
	width:100% !important;
	min-width:100% !important;
	margin:0 auto;
	display:inline-block;
	padding:0;
}
*/

/* Blog */

.blog-post{
	margin-bottom:40px;
}

#blog-wrap li{
	list-style-type:none;
	text-align:left;
	float:left;
	padding-right:5px;
}

.blog-category li:after{
	content:" |";
}

.blog-category li:last-of-type:after{
	content:" ";
}

.blog-meta{
	display:inline;
}

.blog-date{
	font-size:20px;
	color:#1e4987;
	font-weight:bold;
}

.blog-thumb{
	float:left;
	padding:10px 20px 10px 10px;
}

.blog-category{
	float:left !important;
	font-size:12px;
	color:#1e4987;
	width:100%;
}

.blog-post{
	float:left;
	display:block;
}

.blog-title{
	font-size:24px;
	padding-bottom:10px !important;
}

/* Landing Page Phone */

@media screen and (max-width:768px){
	.showmobile{
		display:block !important;
}
	.hidemobile{
		display:none !important;
}
}

@media screen and (min-width:769px){
	.showmobile{
		display:none !important;
}
	.hidemobile{
		display:block !important;
}
}

/* Elementor Nav Styling */

/* Elementor Nav */

/* Mobile Menu */

@media screen and (min-width:768px){
.elementor-nav-menu{
	display:flex !important;
}
}

@media screen and (max-width:767px){
.elementor-nav-menu--dropdown{
	background:transparent !important;
}
}

.header-container .elementor-nav-menu--dropdown.elementor-nav-menu__container, .header-container .elementor-menu-toggle, .header-container .elementor-nav-menu--dropdown .elementor-nav-menu__container {
    display: none !important;
}

@media screen and (min-width:768px) and (max-width:1200px){
    .header-container nav.elementor-nav-menu--main {
        display: block;
        text-align:center !important;
        

    }
	.header-container nav.elementor-nav-menu--main a{
		text-align:center !important;
		display:block;
}
}