/*
Theme Name: VOOFA
Description: Advanced Interface Framework
Author: VOOFA
Author URI: https://voofa.ca
Theme URI: https://voofa.ca
Template: ultra
Version: 2.0
*/

@import url("../ultra/style.css");

/* VOOFA Advanced Framework | Warning: Do not edit */
.container {
    max-width: 1366px!important;
}

 img.aligncenter {
    margin-bottom: 0px;
}

#secondary {
    padding-left: 1%;
}

/*=============Font Size Extras===========*/

ul {
  font-size: 18px; 
font-family: 'Poppins', sans-serif;
color: #000; }

.sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title {
  font-size: 18px; 
font-family: 'Poppins', sans-serif;
 }

ol {
    list-style: decimal;
font-family: 'Poppins', sans-serif ;
    font-size: 18px;
      color: #000;
}

a:visited, a {
    color: #2a007c;
}

table td {
    font-size: 17px;
    color: #000;
}

p, h1, h2, h3, h4, h5, h6 {
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}

/*========IMAGES WRAP HEADINGS=====*/
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: none;
}

/*============blog Font===========*/
.entry-header h1.entry-title a {
  font-size: 24px;
}

/*============bullet point colors with link========*/
.entry-content li a {
color: #000000;
}

.single .entry-header h1.entry-title {
width: 97%;
text-align: center;
}

/*=====Blog Title List Height====*/

.ultra-left-medium-loop .featured-image .entry-header .entry-title {
    margin-top: -0.5em;
    line-height: 35px;
}

/*===========top Bar===============*/
#top-bar {
    background: #2a007c;
   border-bottom: 1px solid #1d0154;
}

#top-bar .top-bar-text span {
  font-size: 18px; }

#top-bar .top-bar-text span a {
    color: #fff;
}

#top-bar .top-bar-text span a:hover {
    color: #fff;
}

.top-bar-navigation ul li a {
  color: #fff;
font-size: 18px;
}

.top-bar-navigation ul li:hover > a {
  color: #fff;
}

.top-bar-navigation ul li a:hover:before {
  color: #fff;
}

.top-bar-navigation div > ul > li > a:hover {
  border-bottom: 3px solid #fff;
}


/*===========Site Header & Logo============*/
.site-header {
      height: ;
  background: #fff;
  border-bottom: px solid ;
}

.site-header .site-branding img {
      margin-top: px;
  max-height: 70px;
}

.site-header:after {
  position: static;
height: 0px;
border-bottom: px solid #000;
}

/*=======Header Shadow======*/
.site-header:after {
    bottom: -6px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px -6px inset;
    content: "";
    height: 6px;
    position: absolute;
    width: 100%;
}

/*==============Header scroll=================*/
.site-header.is-stuck {
    background: #fff;
    opacity: 1;
}

.site-header.site-header-sentinel.fixed {
    background: ;
    opacity: 1;
    top: 0;
      padding-top: px;
    padding-bottom: px;
}

.site-header, .site-header .site-branding-container, .main-navigation div > ul > li > a {
  height: px;
}

.main-navigation div > ul > li > a {
 line-height: px; 
}

.main-navigation ul ul {
  top:80px
}


/*=========NAV Main============*/
.main-navigation {
      max-width: 95%;
}

.main-navigation ul li a {
  font-size: 20px; 
    color: #2a007c ;
text-transform: uppercase;
font-weight: 400;
font-family: 'oswald';
}

.main-navigation ul li:hover > a {
  color: #fe5800;
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a {
  color: #fe5800;
}

#main_nav li > ul li a:hover {    
    color: #fe5800;
}

.main-navigation ul ul li a { 
	 font-size: 16px; 
    color: #000 ;
text-transform: none;
font-weight: 400;
font-family: 'roboto';
	padding: 0.2em 0.8em;
}	
.main-navigation ul ul li:hover > a { 
    background-color: #000;
}

.main-navigation div > ul > li > a:hover {
  border-bottom: 3px solid #000;
}



/*===============Responsive Menu=============*/
.responsive-menu .main-navigation.toggled ul li a {
  background-color: #fff;
    color: #2a007c;
}

.responsive-menu .main-navigation.toggled ul li:hover > a {
background-color: #fff;  
color: #2a007c;
}


.responsive-menu .main-navigation.toggled ul ul li:hover > a { 
    background-color: #2a007c;
}


.responsive-menu .menu-toggle {
  color: #000;
  background: #fff;
    padding: 10px;
  margin-top: -20px;
padding-bottom: 30px;
border: 3px solid #000;
}


/*============title bg============*/
.blog .page-header, .page .site-content > .entry-header {
      background: #2a007c;
  padding: 5px;
  margin-top: -1px;
  text-align: center;
}

.blog .page-header h1.page-title, .page .site-content > .entry-header h1.entry-title {
  color: #fff;
}

.site-content .entry-meta {
  margin-bottom: ; }

.single .entry-meta .container > div {
  margin-bottom: 0px !important; }

.entry-header .entry-title a:hover, .entry-header .page-title a:hover, .page-header .entry-title a:hover, .page-header .page-title a:hover {
    color: #2a007c;
}

.ultra-left-medium-loop .featured-image .entry-header .entry-title {
    line-height: 1.2em;
}


/*==============BlockQuote===========*/
blockquote {
  padding: 0.28571em 1.78571em;
}

blockquote p {
  margin-bottom: 10px !important;
}

/*===Line====*/
hr {
    background-color: #000000;
}

/*============Contact Form===========*/
div.wpcf7 .wpcf7-form-control { max-width: 100%; 
 }

div.wpcf7 {
  padding: px;
    background: ;
  border: px solid #000;
  }
.wpcf7 p {
    color: #000;
}

input[type="text"], input[type="email"], textarea {
width: 100%;
}


/*=============siteorigin============*/
.home.siteorigin-panels-home .site-content {
      padding-top: 0;
}


/*================image==========*/
img.alignleft {
    margin: 0 10px 0 0;
}
.hideit { display:none !important; 
}

img.alignnone {
    margin-bottom: 0px !important;
}

/*==========Button============*/
button,
input[type="button"],
input[type="reset"],
{
  background: #2a007c;
}
input[type="submit"]
{
  background: #e31c29;
color: #fff;
}

.entry-content .more-wrapper .more-link {
    background: #2a007c;
    color: #fff;
    font-family: roboto, sans-serif;
}

/*==========Social Share Padding==========*/
div#at4-share
{
  padding-top: 90px !important; }

/*=========line on blog date===========*/
.single .entry-meta .container > div
{ display: none;
}

/*===========footer==============*/
.site-footer .bottom-bar {
    background: #000;
    color: #FFFFFF;
}
.site-footer .bottom-bar a {
    color: #fff;
    text-decoration: none;
  font-size: 12px;
}

.site-footer .bottom-bar .site-info {
  font-size: 12px;
}

.site-footer .footer-main {
    background: no-repeat fixed url(https://accusealroofing1991ltd.com/wp-content/uploads/2023/10/Industrial-Roofing-Company.jpg);
	    background-position: bottom right; 
	background-size: cover;
}

.site-footer .footer-main a {
   color: #fff;
}

.footer-main h3 {
    font-weight: 700;
}

.site-footer .footer-main h3 {
    color: #fff;
}

#scroll-to-top {
    bottom: 5.78571em;
}

/*===========frontend Editing============*/
#fep-new-post #fep-post-title {
  font-size: 17px;
      width: 100%;
}

#fep-new-post label {
  font-size: 22px;
      margin-bottom: -50px;
}

/*====Mailchimp====*/
#mc_embed_signup .button {
background-color: #000 !important;
}

/*social icons*/
.main-navigation .menu a:before {
color: #fff;
}

.menu a[href*="behance.net"]:before, .menu a[href*="codepen.io"]:before, .menu a[href*="delicious.com"]:before, .menu a[href*="deviantart.com"]:before, .menu a[href*="digg.com"]:before, .menu a[href*="dribbble.com"]:before, .menu a[href*="facebook.com"]:before, .menu a[href*="flickr.com"]:before, .menu a[href*="foursquare.com"]:before, .menu a[href*="github.com"]:before, .menu a[href*="plus.google.com"]:before, .menu a[href*="instagram.com"]:before, .menu a[href*="linkedin.com"]:before, .menu a[href*="pinterest.com"]:before, .menu a[href*="reddit.com"]:before, .menu a[href*="soundcloud.com"]:before, .menu a[href*="stackexchange.com"]:before, .menu a[href*="stackoverflow.com"]:before, .menu a[href*="tumblr.com"]:before, .menu a[href*="twitter.com"]:before, .menu a[href*="vimeo.com"]:before, .menu a[href*="vine.co"]:before, .menu a[href*="vk.com"]:before, .menu a[href*="weibo.com"]:before, .menu a[href*="wordpress.com"]:before, .menu a[href*="xing"]:before, .menu a[href*="youtube.com"]:before {
font-size: 20px;
color: #fff;
}

/*Sidebar Siteorigin Bottom Margin*/
.panel-grid-cell .so-panel {
    margin-bottom: 0px !important;
}

/*===MAPS====*/
div.results_entry .results_row_left_column {
font-size: 17px;
width: 30% !important;
}

div#slp_tagline {
display: none;
}

div#map.slp_map {
margin-bottom: 30px;
}

div.results_entry span.slp_result_address {
font-size: 17px;
width: 40%;
}

div.results_entry .results_row_right_column {
width: 28% !important;
text-align: left;
font-size: 17px;
}

/*====Container Padding====*/
.page-template-full-width-no-title .site-content > .container {
padding-top: 2em;
}

/*======Recaptcha====*/

.g-recaptcha {
     width:100%;
     transform:scale(0.77);
     transform-origin:0 0;
}

/*====Contact Form 2 Column=====*/
/* FORM */
#form {
padding: 5px;
width: auto;
margin: 20px auto;
}

#contentleft {
width: 50%;
float: left;
padding: 10px ;
}

#contentright {
width: 50%;
padding: 10px;
float: left;
}

#bottom {
clear: both;
padding: 0 15px;
}

/*MEDIA QUERIES*/

/* for 980px or less */
@media screen and (max-width: 980px) {

#form {
width: 94%;
}
#contentleft {
clear: both;
padding: 1% 4%;
width: auto;
float: none;
}

#contentright {
clear: both;
padding: 1% 4%;
width: auto;
float: none;
}

#bottom {
clear: both;
padding: 1% 4%;
width: auto;
float: none;
}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

#contentleft {
width: auto;
float: none;
}

#contentright {
width: auto;
float: none;
}
#bottom {
width: auto;
float: none;
}
}

/* for 480px or less */
@media screen and (max-width: 480px) {

#contentleft {
background: ;
}
#contentright {
background: ;
}
#contentleft, #contentright, #bottom {
margin-bottom: 5px;
}

#contentleft, #contentright, #bottom {
border: solid px #ccc;
} 
}

/*======CUSTOM FORM STYLE=======*/
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="password"], input[type="search"], select[multiple], textarea {
    background: #ffffff;
	border: 1px solid #000000;
}

textarea {
	font-size: 17px;
	height: 119px;
}

/*======Link Blue Underlines=======*/
.entry-content li a:not(.ow-button-hover):not(.button) {
	border-bottom: 0px !important;
	    color: #c90009;
}

#secondary .widget h3.widget-title ~ * {
	font-size: 15px;
    line-height: 1.3em;
}

#secondary .widget h3.widget-title {
		font-size: 24px;
    line-height: 1.3em;
}

/*---arrows---*/
.sow-slider-base .sow-slide-nav a em {
    display: none !important;
}

/*======WPL Mortgage Cal====*/
.wpl_prp_show_layout2_container .wpl_prp_container_content_right .wpl_mcalc_container {
	border: 1px solid #000000;
}

/*====WPL Pagination and Page Design====*/
.wpl_property_listing_container .pagination {
    border: 1px #e6e6e6 solid;
    background: #e6e6e6;
}

.wpl-column .wpl_prp_cont {
	        box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 1px 0px;
    padding: 10px;
    background-color: #f9f9f9;
}

.wpl_prp_cont .price_box span {
    border: 1px solid #17539e;
    margin: 0px 10px;
}

.wpl-powered-by-realtyna {
	display: none;
}

/*=======WPL Neighborhood====*/
.wpl_prp_title {
	font-size: 22px;
}

.entry-content .panel-grid-cell .sow-carousel-wrapper li.sow-carousel-item a, .entry-content .panel-grid-cell .sow-carousel-wrapper li.sow-carousel-item a:hover {
	font-size: 14px;
	font-weight: 300;
}
/*======Bloom====*/
.et_bloom .et_bloom_popup {
	background: ;
background-repeat: no-repeat;
  background-size: auto;
}

.et_bloom .et_bloom_form_container .et_bloom_close_button {
	display: none;
}

/*=========BORDER-FORM=====*/
.wpl_prp_show_container .listing_contact input[type="text"], .wpl_prp_show_container .listing_contact input[type="password"], .wpl_prp_show_container .listing_contact input[type="email"], .wpl_prp_show_container .listing_contact input[type="url"], .wpl_prp_show_container .listing_contact input[type="search"], .wpl_prp_show_container .listing_contact textarea {
    margin: 10px 0;
    font-size: 18px;
}

.wpl_prp_show_container .listing_contact input[type="submit"] {
	float: left;
	font-size: 22px;
    margin-top: -20px;
}

.wpl_prp_show_layout2_container .wpl_prp_show_position2 .wpl_prp_right_boxes {
	padding: 0px 15px 25px 15px;
	background: #155791;
}

.wpl_prp_right_boxes_title span {
    color: #fff;
    font-family: sans-serif;
    font-size: 22px;
    font-weight: 400;
}
.wpl_prp_right_boxes {
	border: 0px;
}

.wpl_prp_show_container .wpl_agent_info_r {
	background: #fff;
	padding: 9px
}
.wpl_prp_show_container .listing_links li {
	color: #fff;
}

/*======fonts-listing page====*/
.wpl_prp_show_layout2_container .wpl_prp_show_detail_boxes_cont .rows {
	font-size: 17px;
}

.wpl_prp_show_detail_boxes .rows label {
    color: #155791;
}

.wpl_property_listing_container .wpl_googlemap_container {
	border: none;
}

.wpl_prp_show_layout2_container .wpl_prp_show_title .location_build_up span {
    color: #155791;
	font-size: 20px;
}

.wpl-plugin-owl.wpl-carousel-multi-images .wpl-carousel-item {
    border: 5px solid rgb(228, 228, 228);
    box-shadow: -1px 1px 3px 0px #3d3d3d;
}

.wpl_property_listing_container .wpl_property_listing_listings_container .grid_box .wpl_prp_top .wpl_prp_top_boxes.back .view_detail {
    font-family: 'roboto';
	font-size: 30px;
}

.wpl_prp_show_container .wpl_agent_info_r li {
	font-family: 'roboto';
}

.wpl_prp_show_layout2_container.wpl_prp_show_container .wpl_prp_listing_icon_box>div:after {
	color: #000;
}

.wpl_prp_show_layout2_container .wpl_prp_show_detail_boxes_title, .wpl_prp_show_layout2_container .wpl_prp_right_boxes_title {
	color: #155791;
    background: #f9f9f9;
    padding: 0px 0px 0px 10px;
    margin-bottom: 20px;
	font-family: 'roboto';
}

.wpl_prp_right_boxes_title span {
    color: #155791;
	font-family: 'roboto';
	    font-size: 18px;
    font-weight: 600;
}

.wpl_prp_title, .wpl-plugin-owl.wpl-carousel-multi-images .wpl-carousel-item .title h3 {
	font: 18px/1em 'poppins' !important;
	    padding: 5px 0px;
}

.wpl-plugin-owl.wpl-carousel-multi-images .wpl-carousel-item .title .more_info:before {
	background: rgb(21 87 145);
	top: 60px;
}


.wpl_search_from_box.simple input[type="text"], .wpl_search_from_box.simple input[type="number"], .wpl_search_from_box.simple .wpl_search_widget_location_textsearch {
    height: 35px !important;
    border: 1px solid #000 !important;
    font-family: 'roboto' !important;
    width: 100px !important;
}

.wpl_search_from_box .search_submit_box .wpl_search_widget_submit {
    background: #fe5800;
	font-family: 'Poppins', sans-serif !important;
}