/* 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: #006699;
}
.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: #000000 !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(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: #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: #006699;
}

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: 'Arial' !important;
  font-size: 15px !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: 'Arial';
      font-size: 15px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-entrybody, .wf-inactive .font-entrybody { visibility: visible !important; }
  
  .font-entryheader {
      font-family: 'Arial';
      font-size: 24px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-entryheader, .wf-inactive .font-entryheader { visibility: visible !important; }
  
  .font-dateheader {
      font-family: 'Arial';
      font-size: 18px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-dateheader, .wf-inactive .font-dateheader { visibility: visible !important; }
  
  .font-entryfooter {
      font-family: 'Arial';
      font-size: 12px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-entryfooter, .wf-inactive .font-entryfooter { visibility: visible !important; }
  
  .font-footer {
      font-family: 'Quicksand';
      font-size: 12px !important;
      visibility: hidden;
      line-height: 1.6 !important;
      }
   .wf-active .font-footer, .wf-inactive .font-footer { visibility: visible !important; }
  
  .font-nav {
      font-family: 'Arial';
      font-size: 16px !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: 'Comfortaa'; font-size: 100px; line-height: 100px; visibility: hidden; }

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

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

   .module-content { font-family: 'Arial'; font-size: 10px; line-height: 10px; visibility: hidden; }

   .module-content a { font-family: 'Arial'; font-size: 11px; line-height: 11px; visibility: hidden; }

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

   .type-text { height: 16px; }

   
   .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: 16px; line-height: 16px; }
}
@media(min-width:650px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 54px; line-height: 54px; }
    #banner h2, #banner-desc { font-size: 16px; line-height: 16px; }
}
@media(min-width:700px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 58px; line-height: 58px; }
    #banner h2, #banner-desc { font-size: 16px; line-height: 16px; }
}
@media(min-width:750px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 63px; line-height: 63px; }
    #banner h2, #banner-desc { font-size: 16px; line-height: 16px; }
}
@media(min-width:800px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 67px; line-height: 67px; }
    #banner h2, #banner-desc { font-size: 16.75px; line-height: 16.75px; }
}
@media(min-width:850px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 71px; line-height: 71px; }
    #banner h2, #banner-desc { font-size: 17.75px; line-height: 17.75px; }
}
@media(min-width:900px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 75px; line-height: 75px; }
    #banner h2, #banner-desc { font-size: 18.75px; line-height: 18.75px; }
}
@media(min-width:950px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 79px; line-height: 79px; }
    #banner h2, #banner-desc { font-size: 19.75px; line-height: 19.75px; }
}
@media(min-width:980px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 82px; line-height: 82px; }
    #banner h2, #banner-desc { font-size: 20.5px; line-height: 20.5px; }
}
@media(min-width:992px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 83px; line-height: 83px; }
    #banner h2, #banner-desc { font-size: 20.75px; line-height: 20.75px; }
}
@media(min-width:1200px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 100px; line-height: 100px; }
    #banner h2, #banner-desc { font-size: 25px; line-height: 25px; }
}

     /* 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-comfortaa-n4-active #banner h1 a, .wf-comfortaa-n4-inactive #banner h1 a,
   .wf-comfortaa-n4-active #banner h2, .wf-comfortaa-n4-inactive #banner h2 {
        visibility: hidden !important;
   }


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



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





#admodule { 
    position: relative; 
    width: 100%; 
    top: 0px; 
    margin: 0 auto 0; 
    padding: 0; 
    clear: both; 
    }

#admodule-inner { 
    margin: 0 auto; 
    text-align: center; 
    }



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


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






/* Custom CSS */
/* Add more spacing to paragraphs */
.post p { margin: 10px 0 50px !important; }

.trackbacks {display: none!important;}

header.main {
    margin-top: 5px;
}

.pagebody {
    margin-top: 240px;
}

#icons-container .navtext a {
    border-right: 1px solid #ccc;
}

#icons-container .navtext a:last-of-type {
    border-right: none;
}

.ad-module { height: 500px !important; }

h2.entry-header a, h5.date-header a {
    font-weight: 400;
}

.font-entryheader {
    line-height: 1 !important;

text-align: center;
}

.entry a {
  text-decoration: underline;
  }

.entry-more-link { display: none; }

.font-entryfooter {
    border-top: 1px solid #ccc;
}

.nav-list-item a { text-decoration: none; }
.nav-list-item a:hover { text-decoration: underline; }
.nav-list { padding-left: 200px; }


.module-list-item a:hover {
    text-decoration: underline;
}

.module-list-item a {
text-decoration: none;
}

.archive-user-minibio h2 {display: none;}

.trackbacks {display: none!important;}






.widgets{
padding-left: 0px!important;
padding-right: 0px!important;
overflow: visible!important;
}



.top-banner{	height:250px; margin-top: 10px;}
@media only screen and (max-width:480px) {
	.top-banner{ height:280px; }
}
@media only screen and (max-width:728px) {
	.top-banner{	height:320px; }
}
@media only screen and (max-width:970px) {
	.top-banner{	height:320px; }
}
@media only screen and (min-width:970px) {
	.top-banner{	height:250px;	}
}
/*.midalign-banner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}*/


.leaderboard-sticky {	height:90px;	z-index: 9999999; }
@media only screen and (max-width:728px) {
	.leaderboard-sticky { height:100px; }
}
@media only screen and (min-width:728px) {
	.leaderboard-sticky {	height:90px;	}
}
.leaderboard-sticky {
  position:fixed;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
}


.sidebar-vertical {	height:600px;	z-index: 9999999; }
@media only screen and (max-width:500px) {
	.sidebar-vertical { height:280px; }
}
@media only screen and (min-width:500px) {
	.sidebar-vertical {	height:600px;	}
}


.sidebar-square {	height:280px; }
@media only screen and (max-width:500px) {
	.sidebar-vertical { height:250px; }
}
@media only screen and (min-width:500px) {
	.sidebar-vertical {	height:280px;	}
}


#vdo_articles_top_bar{
    visibility: hidden !important;
    opacity: 0.0 !important;
  }

.font-entryheader {
  text-align: justify;
}

/*-------Fix for some posts overlapping jumbo admodule area-------*/

.left-container { margin-top: 10px; } 
      /* increase the '10' part if you need more space */


/*-------Fix media breakpoints for columns on devices with min-width 760px up to 1230px-------*/

@media only screen and (min-width: 1004px) and (max-width: 1230px) {
  #sidebar1 { margin-left: 15px !important; }
  .col-sm-8 { width: 470px; margin-left: 20px; padding-left: 15px; padding-right: 15px; }  
  #sidebar2 { margin-left: -60px;}
}

@media only screen and (min-width: 760px) and (max-width: 1000px) {
  .col-sm-4 { margin-left: -20px !important; }
  .col-sm-8 { margin-left: 30px !important; width: 65% !important; }
}
entry-header { text-align: left !important; }




#signature { margin: 10px 0; }




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


/* ph=1 */