/* Base */
@import url(.shared/themes/walt/styleless/theme.css);

@import url(.shared/themes/common/bxslider.css);
@import url(.shared/css/widgets.css);
@import url(.shared/themes/common/recentpostsfancy.css);

/* Tip Jar */
@import url(.shared/themes/common/tipjar.css);

/* Portal */


/* Theme */
@import url(.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: #CC6600;
}
.post hr { border: none; }

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

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

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

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

.module-header {
    border-bottom: 2px solid rgba(102,153,204,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: #CC6600;
}

.widgets a {
    color: #CC6600;
}

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

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: #CC6600 !important;
}

.overlay-text h3 {
     color: #CC6600 !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: 'Carrois Gothic' !important;
  font-size: 16px !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: #CC6600;
}

.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: 'Carrois Gothic';
      font-size: 16px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-entrybody, .wf-inactive .font-entrybody { visibility: visible !important; }
  
  .font-entryheader {
      font-family: 'Carrois Gothic';
      font-size: 20px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-entryheader, .wf-inactive .font-entryheader { visibility: visible !important; }
  
  .font-dateheader {
      font-family: 'Carrois Gothic';
      font-size: 16px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-dateheader, .wf-inactive .font-dateheader { visibility: visible !important; }
  
  .font-entryfooter {
      font-family: 'Carrois Gothic';
      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: 'Carrois Gothic';
      font-size: 18px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-footer, .wf-inactive .font-footer { visibility: visible !important; }
  
  .font-nav {
      font-family: 'Carrois Gothic';
      font-size: 18px !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: 'Carrois Gothic'; 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: 'Carrois Gothic'; font-size: 20px; line-height: 20px; visibility: hidden; }

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

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

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

   .type-text { height: 18px; }

   
   .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: #CC6600 !important;
}

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


   #footer {
        background: #F3F3F3;
   }






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

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

@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 .navtext { float: right; text-align: right; } #icons-container .navtext a { padding: 0 0 0 44px; } .nav-center .menu { justify-content: flex-end !important; } @media only screen and (max-width: 1024px) { .nav-center .menu li a { padding: 0 !important; }}


.dropdown-navtitle { float: left; text-align: left; }
.dropdown-navtitle a { padding-left: 0 !important; }
.menu { width: auto !important; }
@media only screen and (max-width: 1024px) { .dropdown-navtitle { float: none; } .menu a { padding-left: 0 !important; } }


.overlay {
   vertical-align: middle;
} 

     





#footer { text-align: ; }


   #footer-inner { width: auto; }





/* Slider Nav for Text Nav on small screens */
   @media(min-width:0) {
      .navtext { width: auto; float: left !important; }
      .navtitle { margin-left: 12px; }     
   }
   @media(min-width:768px) {
      .navtext { width: 100%; }
      .navtitle { margin-left: 0px; }
   }


/* Banner Text Overlay */
   .wf-carroisgothic-n4-active #banner h1 a, .wf-carroisgothic-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: 'Carrois Gothic';
}
.module-calendar td, .module-calendar td a {
font-size: 13px !important;
line-height: 13px !important;
font-family: 'Carrois Gothic';
}



/* 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://mustbetuesday.typepad.com/.a/6a00e5521e0e2e883401b8d232c82c970c-pi");
}






/* Custom CSS */
  .fa-arrow-circle-right, .fa-arrow-circle-left, ,fa-arrow-circle-up { font-weight: 900 !important; }

#banner { margin-bottom: 20px; }

.entry p { padding: 0 0 10px !important; }

li > .fa-facebook { display: none; }

.module-header { text-transform: uppercase; }

#whats_swoonish .module-header { display: none; }

#whats_swoonish img {
  margin: 0 auto !important;
  border-radius: 100px;
  text-align: center !important;
}

1.module-featuredposts .feat-text { display: none; }

1.module-featuredposts:not(:first-of-type) {
  padding-top: 0px !important;
  margin: 0 !important;
}

.module-categories li { display:inline !important; padding-right:5px !important; }
.module-categories li:not(:last-child):after { content: "•" !important; padding-left: 5px !important; }

            @media(min-width:526px) and (max-width:768px) {
               #banner { background-size: 100% !important; background-position: top left !important;}
               .pagebody { margin-top: -25px !important; }
               }
            @media(max-width:525px) {
               header.main #banner { background-size: 100% !important; background-position: top left !important; }
               .pagebody { margin-top: -25px !important; }
               }


.module-facebook-like,#facebook-like-container { height: 200px !important; }


.module-featured li.item-650w { 
width: 50% !important; 
clear: none !important; 
float: left !important; 
}
.module-featured li.item-650w:nth-child(2n+1) { clear: left !important; }
.module-featuredposts .top-thumb { height: 150px !important; }

@media screen and (max-width: 680px) {
.bottom-featured { width: 100%; }
.bottom-featured li { float: left; clear: none; }
.bottom-featured li:nth-child(3) { clear: left; }

.module-featured li.item-650w { 
width: 100% !important; 
clear: left !important; 
}
.module-featuredposts .top-thumb { height: 150px !important; }

.left-container { padding: 0 5px !important; }
}


/* Colorways */
table.colorways img {
  padding: 10px 10px 0 0;
}

table.colorways td { 
  padding-bottom: 40px; 
  vertical-align: top !important;
}

@media (max-width:600px) {
  table.colorways td { 
  display: block;
  clear: both;
  width: 100%;
  }
}








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


/* ph=1 */