/* Custom HPT CSS */

body.customer-area-active .cuar-css-wrapper .cuar-menu-container .navbar .navbar-nav>li.current-menu-item>a, body.customer-area-active .cuar-css-wrapper .cuar-menu-container .navbar .navbar-nav>li.current-page-parent>a {
    color: #fff !important;
}

body.customer-area-active .cuar-css-wrapper .dropdown-menu>li>a {
    color: #1c1a18 !important;
}

.shortcode-toggle.white h4 a {
    background-color: #FFFFFF;
    font-size: 16px;
}

@media only screen and (min-width: 768px) {
    #header #logo {
        margin: none !important;
        margin-left: -20px;
        width: 300px !important;
    }
}

.shortcode-toggle {
    padding: 1.4em;
}

#main .widget_woothemes_features .columns-3 .feature {
    margin: 0 3.75% 2.244em 0 !important;
    clear: none !important;
    width: 28.75% !important;
    float: left !important;
  }

/* Center the Honeypot Team Title */

.page-id-2953 .page header h1 {
  text-align:center;
}

/* Responsive video */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Pricing Table Overrides - removing all the uppercase overrides*/

#shaon-pricing-table .pricing-table li {
    margin: 0 5px;
    padding: 5px 0;
    line-height: 25px;
    display: block;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #f9f9f9;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    text-transform: none !important;
    color: #333;
    text-shadow: 0px 1px #fff;
}

#shaon-pricing-table .selectedpriceTitle {
    height: 80px;
    text-align: center;
    position: relative;
    text-transform: none !important;
    font-size: 16px;
    font-weight: bold;
    font-family: arial;
}

#shaon-pricing-table .featureTitle, #shaon-pricing-table .priceTitle, #shaon-pricing-table .selectedpriceTitle {
    height: 80px;
    text-align: center;
    position: relative;
    text-transform: none !important;
    font-size: 16px;
    font-weight: bold;
    font-family: arial;
}

/* remove the adjustments made to standard unordered lists sitewide */

#shaon-pricing-table .pricing-table ul {
    margin: 0 !important;
    padding: 10px;
}

/* minor hack to allow for full width use */
.pt_container_12 .pt_grid_12 {
    width: 115% !important;
    text-align: center;
}

.wpp-views {
    font-size: 12px;
}

/* Logo hack */
#header #logo {
        margin: none !important;
        margin-left: 25px;
        width: 300px !important;
    }

a.woo-sc-button.dark span {
    color: #fff;
}

#content #text-34 {
    padding: 0;
    background: transparent !important;
    /* background-image: url("https://www.onthemoveto.ca/wp-content/uploads/2013/11/toronto-skyline.jpg") !important; */
    width: 100%;
    min-height: 100%;
}

/* Image alignment */
.page-id-3829 .last {
    clear: right;
    margin-right: 0 !important;
    margin-top: 0px !important;
    font: normal 1em/1.5em 'proxima-nova', arial, sans-serif;
    color: #474747;
    line-height: 1.5em;
}

/* ActiveCampaign CTA */
._submit {
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	cursor: pointer;
	font-family: "museo-sans-rounded", sans-serif !important;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	color: white !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 1px solid #1e5885;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding: 15px 20px;
 	margin-top:30px;
    width:90%;
	background: #e06f00;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e06f00), color-stop(1, #ff8915));
	background: -ms-linear-gradient(bottom, #e06f00, #ff8915);
	background: -moz-linear-gradient(center bottom, #e06f00 0%, #ff8915 100%);
	margin-right: 0px !important;
}




body {
    font-size: 1.3em;
    line-height: 1.618;
    color: #686868;
    font-family: "proxima-nova", sans-serif;
    padding: 0 1.618em;
    background: #f9f9f9;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.sixcol-one, .sixcol-two, .sixcol-three, .sixcol-four, .sixcol-five {
  float: left;
  margin-right: 4%;
  margin-bottom: 4%;
  position: relative;
  margin-top: 20px;
}

/* read-more button on the blog index */

.button.alt-1, a.button.alt-1 {
  background: #ababab;
  border: 1px solid #929292;
  width: 40%;
  font-size: 1.5em !important;
  padding: 5px !important;
}

/* container element for read-more on blog index */

.post .post-more {
    clear: both;
    font-size: 12px;
    padding-top: 15px;
}

.widget ul li a {
  color: #e06f00 !important;
  text-decoration: none;
}

.widget.a {
    color: #353535 !important;
}

.h3 {
  /* font-family: "Titillium Web",sans-serif; */
  font-family: "museo-sans-rounded", sans-serif !important;
  color: #020202;
  margin: 0 0 .618em;
  font-weight: 400;
  margin-bottom: 20px;
}

.post .h3 {
  color: #353535 !important;
}

.entry ul li p {
  font: normal 1em/1.5em 'proxima-nova', arial, sans-serif;
}

/* Magical TOC display */

#toc_container {
  background: #f9f9f9;
  border: 1px solid #aaa;
  padding: 10px;
  margin-bottom: 1em;
  width: auto;
  display: table;
  font-size: 95%;
  margin-top: 10px;
}


/* Ribbons! */

.ribbon {
 font-size: 32px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
 width: 50%;
 position: relative;
 background: #ff8915;
 color: #fff;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 0.25em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #e06f00;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #F07D0A transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}

.ribbon-content a {
  color: #fff
}

.non-semantic-protector { position: relative; z-index: 1; }