/*
Theme Name: Technology Salon Modern
Theme URI: https://technologysalon.org/
Author: Technology Salon
Description: Modernized classic theme for TechnologySalon.org.
Version: 2.0.1
Requires at least: 6.8
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: techsalon
*/

/******* TechSalon WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { margin-top:14px; font-size: 18px; line-height: 24px}
.post .entry h3 { margin-top:14px; font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; height:auto !important; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* RSS Widget */
.carbon_rss_feed_widget p {display:none;}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.share-links { display: flex; flex-wrap: wrap; gap: 8px; }
.share-links a { background: #28b2fa; border-radius: 4px; color: #fff; font-size: 11px; padding: 6px 8px; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/* Theme HTML */

@font-face {
    font-family: 'helveticaregular';
    src: url('fonts/helvetica-webfont_0-webfont.eot');
    src: url('fonts/helvetica-webfont_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-webfont_0-webfont.woff') format('woff'),
         url('fonts/helvetica-webfont_0-webfont.ttf') format('truetype'),
         url('fonts/helvetica-webfont_0-webfont.svg#helveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvit';
    src: url('fonts/helv-it-webfont.eot');
    src: url('fonts/helv-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helv-it-webfont.woff') format('woff'),
         url('fonts/helv-it-webfont.ttf') format('truetype'),
         url('fonts/helv-it-webfont.svg#helvit') format('svg');
    font-weight: normal;
    font-style: normal;	
}
@font-face {
    font-family: 'helvebold';
    src: url('fonts/helve-bold-webfont.eot');
    src: url('fonts/helve-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helve-bold-webfont.woff') format('woff'),
         url('fonts/helve-bold-webfont.ttf') format('truetype'),
         url('fonts/helve-bold-webfont.svg#helvebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica_neueregular';
    src: url('fonts/helveticaneue-boldcond-webfont.eot');
    src: url('fonts/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-boldcond-webfont.woff') format('woff'),
         url('fonts/helveticaneue-boldcond-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-boldcond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'helveticaregular';
        src: url('fonts/helvetica-webfont_0-webfont.svg#helveticaregular') format('svg');
    }
    @font-face {
        font-family: 'helvit';
        src: url('fonts/helv-it-webfont.svg#helvit') format('svg');
    }
    @font-face {
        font-family: 'helvebold';
        src: url('fonts/helve-bold-webfont.svg#helvebold') format('svg');
    }
    @font-face {
        font-family: 'helvetica_neueregular';
        src: url('fonts/helveticaneue-boldcond-webfont.svg#helvetica_neueregular') format('svg');
    }
}

* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 14px;
    line-height: 18px;
    font-family: 'helveticaregular';
    color: #272727;
    background: #c6dff0;
    min-width: 100%;
}

a { color: #28b2fa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; color:#272727;  }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: 'helveticaregular'; }
textarea { overflow: auto; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.clearfix { *zoom: 1; }
.clearfix:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }

a,
a img  { transition: color 1000ms, background-color 1000ms, opacity 1000ms; -webkit-transition: color 1000ms, background-color 1000ms, opacity 1000ms; }

a:hover, 
.form-submit:hover,
.search .search-submit:hover,
a.footer-logo:hover,
a:hover img { transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;}

.form-submit:hover,
.search .search-submit:hover,
a.footer-logo:hover,
a:hover img { opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); }

h1 { font-size: 24px; line-height: 33px; font-weight:normal; }

h4 { font-size: 14px; line-height: 14px; font-weight:normal; }
h5 { font-size: 12px; line-height: 12px; font-weight:normal; }
h6 { font-size: 10px; line-height: 10px; font-weight:normal; }

.align-center { text-align: center; }

.shell { width: 996px; margin: auto; }
.container { padding: 0 22px 0 23px; background: #fff; }
.main { position: relative; z-index: 9; padding: 25px 0; }

/* header */
.header { position: relative; z-index: 10; height: 160px; padding-bottom:16px;  }

h1.logo { position: absolute; font-size: 0; line-height: 0; }
h1.logo a { display: block; width: 146px; height: 160px; text-indent: -4000px; background: url(images/logo.jpg) no-repeat 0 0; }

/* navigation */
.navigation { padding-left: 160px; padding-right: 166px; font-size: 14px; line-height: 41px; height: 41px; font-family: 'helvebold'; text-align: right; }
.navigation { border-radius: 0px 0px 5px 0px; background: #5c5c5c; border-bottom: 1px solid #9d9d9d; border-right: 1px solid #bcbcbc; text-transform: uppercase; }
.navigation ul { list-style-type: none; float: right; }
.navigation ul li { position: relative; float: left; display: inline; margin-right: 23px;  }
.navigation ul li a { text-decoration: none; color: #fff; }
.navigation ul li.current > a,
.navigation ul li a:hover { color: #28b2fa; text-decoration: none; }

.navigation ul ul { display: none; position: absolute; top: 33px; left: -22px; border-radius: 0 0 10px 10px; background: #5c5c5c; z-index: 10; }
.navigation ul ul li { float: left; margin: 5px 23px; min-width: 136px; font-size:12px; line-height:16px; text-align: left;  }
.navigation ul ul li a { color: #fff; }
.navigation ul ul li.current > a,
.navigation ul ul a:hover { text-decoration: none; }

/*  search-form */
.search { position: absolute; right: 0; top: 0;  height: 28px; border-bottom: 1px solid #d6d6d6; margin-right: 12px;  }
.search .field { float: left; display: inline; border: 0; background: 0; color: #ddd; font-family: 'helvit'; font-size: 12px; line-height: 12px; padding-top: 14px; }
.search .search-submit { background: url(images/search-submit.png) no-repeat 0 9px; width: 19px; height: 28px; cursor: pointer; font-size: 0; line-height: 0; text-indent: -4000px; }

.header-bottom { padding-left: 156px; }
.header-bottom-top { border-bottom: 1px solid #f8f8f8; padding-bottom:5px;  }
.home-graphic { float: left; display: inline; }

.header-bottom-top h2 { float:left; display: inline; font-size:76px; line-height:85px; font-family: 'helvetica_neueregular'; text-transform: uppercase; width:550px; height:70px; letter-spacing: 1px; padding-right:2px; overflow: hidden; padding-top:10px;   }
.header-bottom-top h2 a { color:#27b2f9;  }
.header-bottom-top h2 a:hover { text-decoration:none; }
.home .header-bottom-top {padding-bottom:0px;}
.sponsors { float: right; display: inline; color: #8f8f8f; font-size: 8px; line-height: 10px; padding-top: 25px; text-align: center; } 
.sponsors a + a { margin-left:23px;  } 
.sponsors p { padding-bottom: 9px; } 
 
.sponsors-inner { text-align: left; width:243px; padding-top:/* 35px */ 10px;  }

.tagline { font-size: 16px; line-height: 18px; color: #5c5c5c; background: url(images/tagline.png) no-repeat 0 8px; padding: 8px 0 0 27px; }
.tagline strong { font-family: 'helvebold'; }
.tagline em { font-family: 'helvit'; }

/* page-head */
.page-head { background: #dedede; border-radius: 5px; padding: 0 7px 0 15px; height: 65px; }
h2.category-title { float: left; display: inline; padding-top: 32px; color: #fff; font-size: 66px; font-family: 'helvebold'; letter-spacing: -1px; overflow: hidden; width: 740px;}

/*socials */
.socials { float:right; display: inline; width:184px; padding-top:20px;  }

/* welcome */
.welcome-content { padding-top:15px; }


/*.welcome-text { float: left; display: inline; width:461px; padding-right:10px;  }*/
.entry > ul {/* list-style-image: url(images/bullet.png);*/ padding-left:20px;padding-top:20px;  }
.entry > ul > li {/* padding-top:20px;*/ }

.entry .welcome-aside { float: right; display: inline; width: 179px; margin-top: 20px; padding-left:15px; padding-right:12px;  border-left:2px solid #e8e8e8; font-size: 18px; line-height: 24px; padding-bottom:10px;  }
.entry .welcome-aside h4 { color: #5c5c5c; font-size:18px; line-height:24px; padding-bottom:10px;   }
.entry .welcome-aside ul { list-style-type: none; }
.entry .welcome-aside li { float:left; display: inline; font-family: 'helvebold'; width: 179px; padding-top: 0;}
.entry .welcome-aside a { text-decoration:none;  }
.entry .welcome-aside a:hover { text-decoration:none; color: #5c5c5c;  }

/* content */
.content { float: left; display: inline; width: 680px; padding-right:38px;  }
.content p { padding-top:20px; }
.content p:first-child { padding-top: 0; }

.content ol { padding: 20px 0 0 40px; }

.entry a { text-decoration:underline; }
.entry a:hover { text-decoration:none; }

.category-description { padding-top:5px; }

.content .category-description p {padding-top:0px;padding-bottom:20px;}
.category-description ul {margin-left:20px;padding-bottom:20px;}

/* invite-form */
.invite-form { background: #dedede; border-radius: 10px; padding:15px; margin: 10px 0 30px 0; }
.invite-form.less-margin { margin: 10px 0 15px 0; }
.invite-form p { float:left; display: inline; padding:0;  }
.invite-form label { font-family: 'helvebold'; font-size:12px; line-height:20px; color:#5c5c5c; padding-left:2px;  }
.invite-form h2 { font-size:24px; line-height:26px; color:#28b2fa; font-family: 'helvebold'; padding-bottom:3px;  }
.invite-form h2 small { font-size:12px; line-height:14px; color:#5c5c5c; font-family: 'helveticaregular'; }

.invite-form .form { }

.form-box { background: #c6dff0; border: 1px solid #c7c5c5; border-radius: 10px; padding:11px; margin-bottom:8px;  }
.form-box p { margin-left:14px; width:199px; }
.form-box p:first-child { margin-left:0; }
.form-box p.buttons { background: #28b2fa; border-radius:5px; text-align: center; margin-top:6px; }
.form-box .field { border: 0; border-radius: 5px; height: 30px; line-height:30px; padding:0 5px; width:190px; background: #fff; }
.pagination a,.form-submit { background: #28b2fa; border-radius: 5px; font-size:18px; line-height:44px; height:43px;   width:199px; border: 0; color:#fff; font-family: 'helvebold'; cursor: pointer; text-transform: uppercase; }
.pagination a {display:block;text-align:center;float:left;margin-right:20px;}
/* sidebar */
.sidebar { float: right; display: inline; padding-left: 30px; width: 202px; border-left: 1px solid #e0e0e0;  }
.sidebar ul { list-style-type: none; }
.sidebar li.widget { padding-bottom:30px; }
.sidebar h2.widgettitle { font-size:18px; line-height:22px; color:#00adf8; }
.sidebar .widget_tag_cloud h2.widgettitle {color:#222;}
.sidebar p a { text-decoration:none;  }
.sidebar p { font-size:12px; line-height:14px; color:#5c5c5c; }

li.carbon_invite_form_widget { padding-bottom:40px;  }
li.carbon_invite_form_widget p { padding-top:10px;  }
li.carbon_invite_form_widget label { font-family: 'helvebold'; font-size:12px; line-height:20px; color:#5c5c5c; padding-left:2px;  }
li.carbon_invite_form_widget .field { background: #fff; border: 1px solid #dedede; border-radius: 5px; width:187px; height:30px; padding:0 5px;  }
li.carbon_invite_form_widget .form-submit { background: url(images/widget_invite-submit.png) no-repeat 0 0; height: 38px;}

li.carbon_rss_feed_widget { padding-top:10px;  }
li.carbon_rss_feed_widget h2 { padding-bottom:10px;  }
li.carbon_rss_feed_widget .widget-content h3 { margin-bottom:20px;background: #dedede; padding:11px; border-radius: 5px;   }
li.carbon_rss_feed_widget .widget-content h3 { font-size:14px; line-height:16px; padding-bottom:15px; font-family: 'helvebold';  }
li.carbon_rss_feed_widget .widget-content h3 a { color:#121212; text-decoration:none;  }
li.carbon_rss_feed_widget .widget-content h3 a:hover { text-decoration:none; color:#00adf8;   }
li.carbon_rss_feed_widget .widget-content h3::before {content: "» ";}

li.carbon_latest_blog_posts_-_widget .widget-entry { border-top:1px solid #dedede; padding:10px 0 13px 0;  }
li.carbon_latest_blog_posts_-_widget .widget-entry:first-child { border-top: 0;  }
li.carbon_latest_blog_posts_-_widget .widget-entry h6 { color:#dedede; }
li.carbon_latest_blog_posts_-_widget .widget-entry h6,
li.carbon_latest_blog_posts_-_widget .widget-entry h3 { font-size:14px; line-height:16px; font-family: 'helvebold';  }
li.carbon_latest_blog_posts_-_widget .widget-entry h3 { padding-bottom:15px;  }
li.carbon_latest_blog_posts_-_widget .widget-entry h3 a { text-decoration:none; color:#5c5c5c  }
li.carbon_latest_blog_posts_-_widget .widget-entry h3 a:hover { text-decoration:none; color:#00adf7;  }

/* category */
.categories { font-size:28px; line-height:28px; padding:20px 0 5px 0; }
.categories ul { list-style-type: none; }
.categories li { padding-bottom:5px;  }
.categories a { color:#59befd;  }
.categories a:hover { color:#5c5c5c;  }

.items ul { list-style-type: none; }
.item { border-bottom:2px solid #ebebeb; padding:20px 0 14px 0;   }
.item.last { border-bottom:0; }
.item .item-image img { float:left; display: inline; width:79px; height:83px; padding-right:27px;   }
.item .item-content { float:right; display: inline; width:574px;  }
.item-head h3 { font-size:24px; line-height:26px;    }
.item-head h3 a { color:#272727; }
.item-head h3 a:hover { color:#00aef8; }
.item-head p.item-meta { font-size:12px; line-height:14px; padding:0; padding-top:5px; }
.item-head p.item-meta a { color:#00aef8; }
.item-head p.item-meta a:hover { color:#5c5c5c; }

.item-entry { }
.item-entry a.more { }

/* pagination */
.pagination { padding-top:15px; font-family: 'helvebold'; line-height:14px; }
/* 
.pagination a { color:#59befd; }
.pagination a:hover { color:#000; }

.pagination a:first-child { border-right:2px solid #adadad; padding-right:3px;  }
*/

/* interior */
.post-title { padding-right:50px;  }
.post-title h2 { font-size:28px; line-height:33px; color:#5c5c5c; padding-bottom:10px;  }
.post-title p.post-meta { padding-top: 5px;  }

.post-image { float:right; display: inline; padding-left:8px; padding-top: 20px;  }
.post-image img {}
.post-image .socials { float: none; display: block; padding-left:10px; }

h4.align-center { font-family: 'helvebold'; font-size:16px; line-height:18px; padding-top:30px; color:#5c5c5c; }
h4.align-center a { text-decoration:underline;  font-family: 'helvit'; }
h4.align-center a:hover { text-decoration:none; }

/* footer */
.footer { }
a.footer-logo { background: url(images/footer-logo.jpg) no-repeat 0 0; float:left; display: inline; width:147px; height:48px; font-size: 0; line-height: 0; text-indent: -4000px;  }

.footer-navigation { font-size: 14px; line-height: 48px; height: 47px; font-family: 'helvebold'; }
.footer-navigation {  border-radius: 0px 5px 5px 0px; background: #5c5c5c; border-bottom: 1px solid #9d9d9d; border-right: 1px solid #bcbcbc; text-transform: uppercase; }
.footer-navigation ul { list-style-type: none;  float:right; display: inline; }
.footer-navigation ul li { position: relative; float: left; display: inline; margin-right: 23px;  }
.footer-navigation ul li a { text-decoration: none; color: #fff; }
.footer-navigation ul li.current > a,
.footer-navigation ul li a:hover { color: #28b2fa; text-decoration: none; }

p.copyright { font-size:12px; line-height:18px; padding:15px 0 30px 0;   }
/* End Theme HTML */

/* Comments form */

.tagslist {border-top:1px solid #e7e7e7;padding:10px 0 0;margin-top:10px;}
#respond{margin:10px 0 20px; overflow:hidden; position:relative}
#respond p{ margin: 0; padding: 0; }
#respond h3 { padding-bottom: 5px; }
#respond .comment-notes{margin-bottom:1em}
.form-allowed-tags{line-height:1em}
.children #respond{margin:0 48px 0 0}
h3#reply-title{margin:18px 0}
#comments-list #respond{margin:0 0 18px 0}
#comments-list ul #respond{margin:0}
#cancel-comment-reply-link{font-size:12px; font-weight:normal; line-height:18px}
#respond .required{ font-weight:bold; background: none; color: red;}
#respond label{ font-size:12px;display:block;}
#respond input{margin:0 0 9px; width:50%; height: 20px; color: black;}
#respond textarea{width:50%; color: black;}
#respond .form-allowed-tags{font-size:12px; line-height:18px}
#respond .form-allowed-tags code{font-size:11px}
#respond .form-submit{margin:12px 0}
#respond .form-submit input{font-size:14px; font-family: Arial, sans-serif; width:auto; color: black; height: 25px; color: black;}

/* =Comments
-------------------------------------------------------------- */
#comments{clear:both}
#commentform a,
.comment-reply a{font-weight: 600; font-size: 13px;}
/*.navigation{ padding:0 0 18px 0; font-weight: bold; height: 100%; overflow: hidden;  }*/
h3#comments-title, 
h3#reply-title{ font-size:20px; font-weight:bold; margin-bottom:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0;margin-top:20px;}
.commentlist{ font-family: Arial; list-style:none; margin: 20px 0 0 0;padding-left:0px !important;padding-top:0px !important;}
.commentlist li.comment{border-bottom:1px solid #e7e7e7; line-height:24px; margin:0 0 24px 0; padding:10px 0 10px 56px; position:relative}
.commentlist li:last-child{border-bottom:none; margin-bottom:0}
#comments .comment-body ul, 
#comments .comment-body ol{margin-bottom:18px}
#comments .comment-body p:last-child{margin-bottom:6px}
#comments .comment-body blockquote p:last-child{margin-bottom:24px}
.commentlist ol{list-style:decimal}
.commentlist .avatar{position:absolute; top:4px; left:0}
.comment-author{}
.comment-author cite{ font-style:normal; font-weight:bold}
.comment-author .says{font-style:italic}
.comment-meta{font-size:12px; margin:0 0 18px 0}
.comment-meta a:link, 
.comment-meta a:visited{ text-decoration:none}
.comment-meta a:active, 
.comment-meta a:hover{}
.commentlist .even{}
.commentlist .bypostauthor{}
.reply{font-size:12px; padding:0 0 24px 0}
.reply a, 
a.comment-edit-link{}
.reply a:hover, 
a.comment-edit-link:hover{}
.commentlist .children{list-style:none; margin:0}

.carbon_rss_feed_widget {overflow:hidden;}

.entry .welcome-aside ul li {padding-top: 0;}
#commentform .form-submit {background: none;}
#commentform .form-allowed-tags {display: none;}
#reply-title {color: #28B2FA; }
.carbon_latest_blog_posts_-_widget .widget-entry p {display:inline;}

h3.pagetitle {color: #28B2FA; font-size: 28px; line-height: 30px;  padding-bottom: 10px;}
/******* /TechSalon WordPress CSS *******/

.sponsors p {display:none;}
.category-5 .sponsors p, .category-9 .sponsors p, .category-3 .sponsors p, .category-4 .sponsors p, .category-8 .sponsors p {display:block;}
h2 {line-height:66px;}
h2.category-title {padding-top:3px;}

input {
    -webkit-appearance: none;
border-radius: 0;
}
i,em {font-style:italic !important;font-family:'helvit'}
blockquote {display:block;padding:20px 0px 0px 20px;font-style:italic}
b,strong {font-family:'helvebold';}
.cat-item-none {display:none;}

/* Mobile hacks */
@media only screen and (max-width: 600px) {
body {margin:0px;}
 div,p,img,h2,h3,h4,h1,blockquote,ul,li {display:block !important;position:relative !important;margin:0px !important;height:auto !important;padding:0px !important;float:none !important;max-width:100% !important;text-align:left !important;}
.container {padding:10px !important;}
.navigation {padding:0 0 10px 10px !important;}
.navigation ul li {display:block;}
.search {height:28px !important;}
.sub-menu {display:none !important;left:40px !important;top:10px !important;padding-bottom:20px !important;}
.socials {display:none !important;}
.tagline {padding-left:30px !important;}
p {margin-bottom:20px !important;}
#PopupSignupForm_0 {display:none !important;}
.sidebar {width:90%;border-left:0px;}
.widget-entry,.widgettitle {padding:10px 0 !important;}
.footer-navigation {margin-top:40px !important;padding-left:10px !important;}
a.footer-logo {float:none;text-indent:0;background:none;}
div.item-image {float:right !important;margin:0 0 10px 20px !important;}
.item {padding:20px 0 !important;}
.item-head h3 {padding-bottom:10px !important;}
.invite-form,.invite-form h2 {text-align:center !important;padding:5px !important;}
}