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

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

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

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

a:visited {
    color: #000;
}

table td {
    font-size: 17px;
    color: #000;
}
p, h1, h2, h3, h4, h5, h6 {
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: 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;
}

/*===========top Bar===============*/
#top-bar {
    background: #a20606;
   border-bottom: 1px solid #970707;
}

#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: px;
}

.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: 18px; 
    color: #000;
text-transform: uppercase;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}

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

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

#main_nav li > ul li a:hover {    
    color: #a20606;
}
.main-navigation ul ul li:hover > a { 
    background-color: #a20606;
}

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

.main-navigation ul ul li a {
	font-size: 15px;
}

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

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


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


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


/*============title bg============*/
.blog .page-header, .page .site-content > .entry-header {
      background: #a20606;
  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; }


/*==============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: 10px;
    background: #fff;
  border: 1px solid #000;
  }
.wpcf7 p {
    color: #000;
}

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

.wpcf7 p {
    font-weight: 400;
}

.wpcf7-select {
	padding: 10px;
	border: 1px solid #000000;
	border-radius: 5px;
	margin-bottom: -5px;
	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: #cc9a34;
}

.entry-content .more-wrapper .more-link, .entry-summary .more-wrapper .more-link {
	background: #bc0000;
	color: #fff;
}

input[type="submit"]
{
  background: #a20606;
color: #fff;
	font-size: 17px;
}

/*==========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: #a20606;
}

.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;
}

/*====Mailchimo====*/
#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: 0em;
}

/*======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;
	color: #000;
	font-size: 17px;
}

textarea {
	font-size: 17px;
	height: 109px;
	color: #000;
	font-size: 17px;
}

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

/*====TABS SiteOrigin====*/
.so-widget-sow-tabs-default-70d12ecb5d88 .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
	width: 200px !important;
	    border-bottom: 1px solid #fff;
}

.so-widget-sow-tabs-default-70d12ecb5d88 .sow-tabs .sow-tabs-tab-container {
	text-align: center;
}