/* Base */
@import url(https://static.typepad.com/.shared/themes/walt/styleless/theme.css);

@import url(https://static.typepad.com/.shared/themes/common/bxslider.css);
@import url(https://static.typepad.com/.shared/css/widgets.css);
@import url(https://static.typepad.com/.shared/themes/common/recentpostsfancy.css);

/* Tip Jar */
@import url(https://static.typepad.com/.shared/themes/common/tipjar.css);

/* Portal */


/* Theme */
@import url(https://static.typepad.com/.shared/themes/typepad/theme-bootstrap-simple/main.css);


/* Theme - Colors & Fonts */


body {
    background-color: #FFFFFF;
    
    background-position: top left;
  
}

/* BANNER BACKGROUND */


#banner { text-align: center; }
#banner h2 { padding-top: 5px; }
#banner h1 a, #banner-title, #banner-title a { color: #FFFFFF !important; }
#banner h2, #banner-desc, #banner-desc a { color: #FFFFFF; }

.left-container a, .left-container a:hover, .left-container a:visited {
    color: #C9340E;
}
.post hr { border: none; }

.pager-right:hover, .pager-left:hover {
    border: 1px solid rgba(NaN,NaN,NaN,0.2);
}

#social a, .fa-bars,
#previous_story a, #next_story a,
.navtext a, .navtitle a {
    color: #999999 !important;
}

#previous_story .fas, #next_story .fas  {
    background-color: #FFFFFF;
}

.module-header, .module-header a {
    color: #000000 !important;
}

.module-header {
    border-bottom: 2px solid rgba(0,0,0,0.2);

}

::-webkit-input-placeholder {
color: #000000 !important;
}
:-moz-placeholder {
color: #000000 !important;
}
::-moz-placeholder {
color: #000000 !important;
}
:-ms-input-placeholder {
color: #000000 !important;
}


.module-search .form-control {
    background-color: #FFFFFF !important;
    border-color: #000000 !important;
}

.module-search .btn {
    background: #000000 !important;
    color: #FFFFFF !important;

}

#footer, #footer a {
    color: #777777;
}

.widgets a {
    color: #777777;
}

.widgets {
    color: #000000;
}

.bx-viewport,
.left-container {
    background: #FFFFFF !important;
}

.widgets {
    background: #FFFFFF;
}

.post,
.individual-post,
.entry-body,
.search-subheader,
.flip-excerpt {
    color: #000000;
}

.flip-excerpt a,
.search-subheader a {
    color: #C9340E;
}

span.drop-l:hover span,
span.drop-r:hover span {
    background: #FFFFFF;
    border: 3px solid #FFFFFF;
    color: #000000;
}

.login-list,
.login-list a {
    color: #000000 !important;
}

h2.entry-header a,
h5.date-header a,
h5.date-header {
     color: #000000 !important;
}

.search-results h3.comment-header,
h3.entry-header,
.flip-title a {
     color: #000000 !important;
}

.overlay-text h3 {
     color: #000000 !important;
}
.overlay-text h5 {
     color: #777777 !important;
}


.overlay-text {
     background: rgba(, 0.7); 
}


.left-container .feat-text {
     color: #777777 !important;
}

.entry-footer-info,
.entry-footer-info a,
.entry-footer-tags a {
    color: #777777 !important;
}

.font-entrybody {
      line-height: 1.6em !important;
      text-align: left !important;
}

.entry-body blockquote { 
  font-family: 'Maven Pro' !important;
  font-size: 14px !important;  
  line-height: 1.6em !important;
  text-align: left !important;
} 

#comment-text,
#comment-author,
#comment-email,
#comment-url,
#comment-preview-confirmation,
#comment-preview-confirmation p,
#comment-text.form-control,
#comment-post-button.form-control,
#comment-preview-button.form-control,
#comment-confirm-post,
#comment-edit {
   background: #FFFFFF;
   color: #000000;
}

#comment-text,
#comment-author,
#comment-email,
#comment-url,
#comment-post-button.form-control,
#comment-preview-button.form-control,
#comment-confirm-post,
#comment-edit  {
border: 1px solid #000000 !important;
}

.archive-header,
.comments-header,
.comments-open-header,
.fa-comment,
.fa-comments {
color: #000000;
}

.comments-info,
.comment-content,
.comments-open-subtext,
.comments-open-moderated,
#comments-open-data p {
color: #000000!important;
}

.comment-footer,
.comments a {
color: #777777;
}

.comment-footer {
border-bottom: 1px dotted  #000000;
}

#comment-post-button, #comment-preview-button {
color: #000000!important;
}


/* FONTS */
  


  .font-entrybody {
      font-family: 'Maven Pro';
      font-size: 14px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-entrybody, .wf-inactive .font-entrybody { visibility: visible !important; }
  
  .font-entryheader {
      font-family: 'Basic';
      font-size: 23px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-entryheader, .wf-inactive .font-entryheader { visibility: visible !important; }
  
  .font-dateheader {
      font-family: 'Maven Pro';
      font-size: 15px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-dateheader, .wf-inactive .font-dateheader { visibility: visible !important; }
  
  .font-entryfooter {
      font-family: 'Maven Pro';
      font-size: 15px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-entryfooter, .wf-inactive .font-entryfooter { visibility: visible !important; }
  
  .font-footer {
      font-family: 'Maven Pro';
      font-size: 16px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-footer, .wf-inactive .font-footer { visibility: visible !important; }
  
  .font-nav {
      font-family: 'Maven Pro';
      font-size: 14px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-nav, .wf-inactive .font-nav { visibility: visible !important; }
  
   #banner h1 a, #banner-title, #banner-title a { font-family: 'Kreon'; font-size: 100px; line-height: 100px; visibility: hidden; }

   #banner h2, #banner-desc, #banner-desc h2 { font-family: 'Alice'; font-size: 34px; line-height: 34px; visibility: hidden; }

   h2.module-header, h2.module-header a { font-family: 'Basic'; font-size: 19px; line-height: 19px; visibility: hidden; }

   .module-content { font-family: 'Maven Pro'; font-size: 13px; line-height: 13px; visibility: hidden; }

   .module-content a { font-family: 'Maven Pro'; font-size: 13px; line-height: 13px; visibility: hidden; }

   .module-content { line-height: 16px; }
   .menu-icon { line-height: 14px; font-size: 14px; }
   #icons-container { font-size: 14px !important; line-height: 14px !important; }
    #icons-container { border-top: 8px solid #FFFFFF; }

   .type-text { height: 14px; }

   
   .wf-active #banner h1 a, .wf-inactive #banner h1 a,
   .wf-active #banner h2, .wf-inactive #banner h2,
   .wf-active h2.module-header, .wf-inactive h2.module-header,
   .wf-active h2.module-header a, .wf-inactive h2.module-header a,
   .wf-active .module-content, .wf-inactive .module-content,
   .wf-active .module-content a, .wf-inactive .module-content a {
       visibility: visible !important;
   }

header.main { margin-top: 30px;} header .row { margin-right: 15px !important; margin-left: 15px !important; }







#imageslider .bx-viewport,
.left-container,
.widgets,
#footer,
span.drop-l span,
span.drop-r span {
   border-radius: 0;
}


     #banner-image-container #banner {
        border-radius: ;
   }


h2.entry-header a,
h2.content-header {
     color: #000000 !important;
}

h5.date-header a,
h5.date-header {
     color: #777777 !important;
}


   #footer {
        background: #FFFFFF;
   }






     
         #icons-container .row { margin-top: -1px; background: #FFFFFF; border: 1px solid #FFFFFF; }

            #st-trigger-effects { left: 5px; }
            #social ul {right: 5px; }

         
            .pagebody { margin-top: 30px; }
         

         

     

    
      #st-trigger-effects { left: -5px; }
      #social ul {right: -5px; }
   

      .menu-icon, #social li { background-color: transparent; }





@media(min-width:0px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 30px; line-height: 30px; }
    #banner h2, #banner-desc { font-size: 16px; line-height: 16px; }
}
@media(min-width:450px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 38px; line-height: 38px; }
    #banner h2, #banner-desc { font-size: 16px; line-height: 16px; }
}
@media(min-width:525px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 44px; line-height: 44px; }
    #banner h2, #banner-desc { font-size: 16px; line-height: 16px; }
}
@media(min-width:550px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 46px; line-height: 46px; }
    #banner h2, #banner-desc { font-size: 16px; line-height: 16px; }
}
@media(min-width:600px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 50px; line-height: 50px; }
    #banner h2, #banner-desc { font-size: 17px; line-height: 17px; }
}
@media(min-width:650px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 54px; line-height: 54px; }
    #banner h2, #banner-desc { font-size: 18.36px; line-height: 18.36px; }
}
@media(min-width:700px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 58px; line-height: 58px; }
    #banner h2, #banner-desc { font-size: 19.72px; line-height: 19.72px; }
}
@media(min-width:750px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 63px; line-height: 63px; }
    #banner h2, #banner-desc { font-size: 21.42px; line-height: 21.42px; }
}
@media(min-width:800px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 67px; line-height: 67px; }
    #banner h2, #banner-desc { font-size: 22.78px; line-height: 22.78px; }
}
@media(min-width:850px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 71px; line-height: 71px; }
    #banner h2, #banner-desc { font-size: 24.14px; line-height: 24.14px; }
}
@media(min-width:900px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 75px; line-height: 75px; }
    #banner h2, #banner-desc { font-size: 25.5px; line-height: 25.5px; }
}
@media(min-width:950px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 79px; line-height: 79px; }
    #banner h2, #banner-desc { font-size: 26.86px; line-height: 26.86px; }
}
@media(min-width:980px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 82px; line-height: 82px; }
    #banner h2, #banner-desc { font-size: 27.88px; line-height: 27.88px; }
}
@media(min-width:992px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 83px; line-height: 83px; }
    #banner h2, #banner-desc { font-size: 28.22px; line-height: 28.22px; }
}
@media(min-width:1200px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 100px; line-height: 100px; }
    #banner h2, #banner-desc { font-size: 34px; line-height: 34px; }
}

     /* TEXTBANNER MARGIN */
     


       

       


/* SIDEBAR ALIGNMENT */
            .widgets, .feat-text { text-align: left; }
.module-sidebarimage img { margin-left: 0 !important; } .module-photo, .module-photo img { text-align: left; } .widgets .module-featured .top-no-excerpt { text-align: left; }


 

/* Collapsed divider code */
/*
@media(min-width:0) {
  .two-column-right .widgets {
    border-left: 0;
    border-top: 1px dotted black;
  }
  .two-column-left .widgets {
    border-right: 0;
    border-top: 1px dotted black;
  }
  .one-column .widgets {
    border-top: 1px dotted black;
  }
}
@media(min-width:768px) {
  .two-column-right .widgets {
    border-left: 1px dotted black;
    border-top: 0;
  }
  .two-column-left .widgets {
    border-right: 1px dotted black;
    border-top: 0;
  }
}
*/




/* Navbar */



.nav .sub-menu li { background: #FFFFFF; }

@media only screen and (max-width: 1024px) {
   .nav .sub-menu li {
     filter: brightness(110%);
   }
}

.nav .menu li a:hover { filter: brightness(110%); }
   




 #icons-container .content  { display: inline-block; margin: 0; padding: 10px 10px 10px 5px; }


#icons-container  { text-align: center; } #icons-container .navtext a { padding: 0 22px; }




.overlay {
   vertical-align: middle;
} 

     





#footer { text-align: left; }


   #footer-inner { width: auto; }






/* Banner Text Overlay */
   .wf-kreon-n4-active #banner h1 a, .wf-kreon-n4-inactive #banner h1 a,
   .wf-alice-n4-active #banner h2, .wf-alice-n4-inactive #banner h2 {
        visibility: hidden !important;
   }


/* Use sidebar text size and family for calendar td */
.module-calendar th {
font-size: 10.4px !important;
line-height: 10.4px !important;
font-family: 'Maven Pro';
}
.module-calendar td, .module-calendar td a {
font-size: 13px !important;
line-height: 13px !important;
font-family: 'Maven Pro';
}



/* Borders */
.left-container {
border-left: 0; border-right: 0; border-top: 0; border-bottom: 0;
}
.widgets {
border-left: 0; border-right: 0; border-top: 0; border-bottom: 0;
}

/* Custom Code Banner */







         /* Hide mobile navs in regular view */
           #nav-bottom { display:none !important; }
           #mobile-headernav { display:none !important; }


/* Theme - Custom Banner */
#banner {
    background-image: url("https://petro-canada.typepad.com/.a/6a00df35211b9a88340240a4b71734200d-pi");
}






/* Custom CSS */
.navtext a:hover { border-bottom: solid 5px #ccc; }

/* Date above Post Title */

.post { position: relative; }
.date-header.font-dateheader {
    position: absolute;
    top: 0;
    }

.date-header {
    text-align: left;
    text-transform: uppercase; }

.individual-post h2.entry-header, .post h2.entry-header, h3.entry-header {
    margin: 0px;
    padding: 22px 20px 0px;
}

.entry-header {
     font-size: 1.7em;
     font-weight:bold;
     text-align: left;
     margin: 0;
     background: none;
     background-image: url(https://www.pumptalk.ca/images/leafentryicon2.jpg);
     background-repeat: no-repeat;
     padding: 0px 0px 5px 30px;
     background-position: -2px 31px;
}

.module-header
{
	margin: 0px 0;
	padding: 8px 6px 6px 2px;
        border-bottom: 2px solid #696660;
	color: #000000;
	font-family: Neutraface, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: normal;
	font-weight: bold;
	text-align: left;
        text-transform: uppercase;
        letter-spacing: 0px;
}

/* Recent Comments on mobile */
.module-recent-comments ul li { display: block; }
li.module-list-item::after { display: none !important; }


.module-typelist, .module-search, .module-recent-comments, .module-category-cloud, .module-archives, .module-categories {
  margin-bottom:15px;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
}


.module-content {
  padding-bottom:5px;
  padding-left:7px;
  padding-right:7px;
  padding-top:5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.module-content ul li {
  background: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}


.module-category-cloud a { color: inherit; }

.module-category-cloud .cloud-weight-1  { font-size: 0.9em; color: 664d00; font-weight: 400; }
.module-category-cloud .cloud-weight-2  { font-size: 1em; color: #660033; font-weight: 400; }
.module-category-cloud .cloud-weight-3  { font-size: 1.125em; color: #660066; font-weight: 500; }
.module-category-cloud .cloud-weight-4  { font-size: 1.25em; color: #330066; font-weight: 500; }
.module-category-cloud .cloud-weight-5  { font-size: 1.375em; color: #003366; font-weight: 500; }
.module-category-cloud .cloud-weight-6  { font-size: 1.5em; color: #006666; font-weight: 600; }
.module-category-cloud .cloud-weight-7  { font-size: 1.625em; color: #661a00; font-weight: 600; }
.module-category-cloud .cloud-weight-8  { font-size: 1.75em; color: #663300; font-weight: 700; }
.module-category-cloud .cloud-weight-9  { font-size: 1.95em; color: #4d6600; font-weight: 700; }
.module-category-cloud .cloud-weight-10 { font-size: 2.05em; color: #006400; font-weight: 700; }


b, strong {
    font-weight: bolder;
}






/* Books Typelist - Update to base file size and re-size to retain original visual spec */
.typelist-thumbnailed .typelist-thumbnail img { width: 100px; }


/* ph=1 */