/*
Theme Name:   Fr. Z's Better Twenty Ten
Description:  Responsive Twenty Ten child theme
Author:       Jennifer Roberts
Author URL:   https://wdtprs.com
Template:     twentyten
Version:      1.0
Text Domain:  FrZsBetterTwentyTen
*/

/* Write here your own personal stylesheet */

*{
	box-sizing: border-box !important;
}

/* HEADER */

#header {padding-top:0px;}

#site-title {margin-top:13px;}

#site-description {color:#777;}

#top-menu-container {border-bottom:1px solid #f7f7f7;width:100%;float:left;}

.social-menu {float:right;font-size:24px;}

.social-menu ul {list-style-type:none;margin-bottom:0}

.social-menu li {display:inline}

.social-menu a {color:#000;}

.social-menu a:hover {color:red;}

#top-menu-container {box-shadow: 0 8px 6px -6px #f7f7f7}

.top-menu {line-height:18px;float:left;}

.top-menu ul {margin-left:0 !important;margin-bottom:0;}

.top-menu ul li {display:inline-block;list-style-type:none;}

.top-menu li:hover {background:#f7f7f7;}

.top-menu li {padding:5px;}

.top-menu a {text-decoration:none;font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;color:#777;text-transform:uppercase;padding-right:5px;font-size:12px;}

.top-menu ul ul {display:none;}

.top-menu ul li:hover > ul {
    display: block;
}

.top-menu ul ul {
    display: none;
    position: absolute;
    left: 0;
    z-index: 99999;
    width: 180px;
    background: #f7f7f7;
}

.top-menu li {
    position: relative;
}

.top-menu ul ul li {display:block;padding:6px 0 6px 6px;margin-top:3px;}

.top-menu ul ul li a {color:#333;}

.top-menu ul ul li a:hover {color:#b41414;}

.menu-highlight a {color:#b41414;}

#access,
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	width:100% !important;
	max-width:940px;
}

#branding img{
	width:100% !important;
}

#site-title{
	width:70% !important;
}

#site-description{
	width:30% !important;
}

#access {padding:5px}
.menu-header {margin:0 !important;}

#access a {line-height:20px;font-size:11px;padding:0 7px;font-weight:normal;}

#branding img {border-top:0 !important;}

/* GENERAL */

#content {margin-right: 30% !important;}

#primary{width:25% !important;}

.wp-caption {background:none !important;}

.entry-meta a {text-decoration:none;}

.sticky {background-color:#f7f7f7 !important;}

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

#site-info {font-size:12px; font-weight:normal;padding:5px 20px 0 0;margin-left:10px;}

iframe {max-width:100% !important;margin:0 auto;display:block;}

.read-more a {color:#b41414;white-space:nowrap !important;text-decoration:none !important;}

.read-more a:hover {}

input[type=text],input[type=password],textarea {
background:#fff;border:1px solid #d5d5d5;box-shadow:none;width:100%;max-width:100% !important;max-width:100% !important;-webkit-appearance: none;
border-radius: 0;
}

select {width:100% !important;max-width:100% !important;}

input[type=submit] {background-color:#b41414;border:0;font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;color:#fff !important;text-transform:uppercase;font-size:12px !important;letter-spacing:1px;font-weight:bold;width:100%;max-width:100% !important;-webkit-appearance: none;
border-radius: 0;}

div[style] {max-width:100%;}

#wpmem_login_form,#wpmem_register_form legend {text-align:center;}

#footer-widget-area {box-shadow: 0 8px 6px -6px #f7f7f7;margin-bottom:5px;}

#footer-widget-area a {color:#b41414;}

#footer-widget-area a:hover {color:red;}

/* SINGLE POST */

.entry-content a {color:#b41414 !important;}

.entry-content a:hover {color:#000 !important;}

.comments-link {font-weight:700;}

.heateor_sss_sharing_title {font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;color:#777;text-transform:uppercase;font-size:10px;letter-spacing:1px;}

.previous-link a, .next-link a {background-color:#000;color:#FFF !important;padding:10px;line-height:30px;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:1px;}

.nav-previous, .nav-next {width:45%;}

.previous-link a:hover, .next-link a:hover {background-color:red;}

.meta-nav-title {font-family:Georgia, serif !important;font-style:italic !important;margin-top:5px !important;}

#comments-title {text-align:center;}

#comments a {color:#b41414;text-decoration:none;}

#comments a:hover {color:red;}

.comment-meta a {color:#777 !important;}

input#acp-preview {background-color:#000;border:0;font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;color:#fff !important;text-transform:uppercase;font-size:12px !important;letter-spacing:1px;font-weight:bold;width:100%;max-width:100% !important;-webkit-appearance: none;
border-radius: 0;}

#entry-author-info {background:#f7f7f7}

#entry-author-info a {color:#b41414;}

#author-avatar {height:auto !important;max-height:84px !important;}

/* WIDGETS AND SIDEBARS */

.widget-area ul li {line-height:14px; padding: 3px 0;}

.widget-area img {float:none !important; margin-left:auto !important; margin-right:auto !important;display:block;}

.widget-area iframe {display:block;margin: 0 auto !important;}

.widget-area .alignnone {margin:0 auto;}

.widget-title {padding-bottom:20px;}

.recent-comment {line-height:1.2em !important;padding-bottom:20px;}

.recent-comment {padding:10px 0 !important;border-bottom:1px solid #f7f7f7 !important;}

.recent-comment a {font-weight:700 !important;letter-spacing:normal !important;}

.comment-author-link {font-weight:700 !important;}

.comment-excerpt {font-style:italic;color:#848484!important;letter-spacing:normal !important;}

.twitter div {display: flex;flex-direction: column;justify-content: center;align-items: center;}

.widget-area ul ul {margin-left:0 !important;}

.rpwwt-widget ul li img {display:inline-block;vertical-align:middle;float:left !important;margin:0 10px 0 0 !important;}

.rpwwt-post-title {font-size:14px;font-weight:700;}

.rpwwt-post-date {color:#777;font-size:10px;}

.rpwwt-widget ul li {margin-bottom:0 !important;}

.rpwwt-widget li {padding: 10px 0 !important;border-bottom:1px solid #f7f7f7 !important;}

#main .widget-area ul {padding: 0 !important;}

#main .widget-area a {color:#b41414;text-decoration:none;}

#main .widget-area a:hover {color:red;}

#footer-widget-area {display:flex;justify-content:space-between;width:100% !important;}

#first, #second, #third, #fourth {width:22% !important;!important; overflow:hidden !important;}

.widget {padding-bottom:20px !important;}

.searchform {text-align:center;}

.searchform input {border:1px solid #b5b5b5;background:#f7f7f7;padding:7px;display:inline-block;vertical-align:middle;box-shadow:none !important;-webkit-appearance: none;
border-radius: 0;}

#searchsubmit {
  background-color: #000;
  border: none;
  color: white;
	padding: 8px;
  text-align: center;
  text-decoration: none;
  font-size: 10px;
	display:inline-block;
	text-transform:uppercase;letter-spacing:1px;font-weight:700;width:auto;
-webkit-appearance: none;
border-radius: 0;}

.amzn-native-container {margin:0 auto !important;width:100% !important;max-width:100% !important;}

.widget-area form {text-align:center !important;}

input[type='image'] {border-radius:0 !important;}

.widget-area table {width:100%;max-width:100%;}

/* MOBILE */

.mobile-menu {float:left;}

.widget_nav_menu ul { list-style: none; margin: 0 !important; padding:0; text-align: left; }

.widget_nav_menu ul a {display: block;text-decoration: none;}

.widget_nav_menu ul li { display:inline-block; width: 100%;border-bottom:1px solid #f7f7f7;padding:10px 0;}

.widget_nav_menu ul li a { 
        text-decoration:none; 
        display:block; 
        font-size:1.0em; 
        padding: 5px 0px 5px 25px; 
        color:#464646; 
        margin: 0px 0px;
        letter-spacing: 1px;
}

.widget_nav_menu ul li a:hover { background: #ffffff; }

.widget_nav_menu ul li ul li a:hover { background: none; color: #0f6cb6; }

.widget_nav_menu ul li ul { position: relative; top: -2px; }

.widget_nav_menu ul ul li a { background: none; border: none; padding: 2px 0px 2px 0px; margin: 0 0 0 27px; }

.widget_nav_menu ul ul li ul { margin: 0 0 0 8px; }

.widget_nav_menu ul.sub-menu li.current-menu-item  { color: #0f6cb6 !important; font-weight: bold; }

.widget_nav_menu .menu-highlight  a {color:red !important;}

.widget_nav_menu .menu-highlight li a {color:#333 !important;}

.widget_nav_menu .menu-highlight li a:hover {color:red !important;}

.widget_nav_menu .menu-item a {padding-left:0px !important;font-weight:700;letter-spacing:normal;font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;vertical-align:middle;font-size:14px;}

.sidemenu {color:#333;background-color:#fff;font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;width:100%;max-width:400px !important;}

.sidemenu a {color:#333 !important;text-decoration:none;}

.sidemenu a:hover {color:red !important;}

.sidemenu .widget-title {color:#000 !important;}

.sidemenu .widget {padding:0;margin:0 10px}

.read-more-button {width:100%;text-align:center;background-color:#777;padding:5px;margin-bottom:10px;display:none}

.read-more-button a {color:#fff;text-decoration:none;font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:12px; font-weight:700;}

#mobile-dropdown a {color:#b41414;}

#mobile-dropdown a:hover {color:red;}

#mobile-dropdown {margin-bottom:150px !important;}

#mobile-dropdown .widget-title {font-size:16px;}

.mobile-menu-social a {font-size:16px !important;padding-right:0 !important;}

.mobile-menu-social a:hover {background-color:transparent !important;}

.mobile-menu {background-color:#000;width:100%;text-align:center;margin:0 auto !important;}

.mobile-menu ul {margin:0;list-style-type:none;}

.mobile-menu li {display:inline-block 
!important;float:none;vertical-align:middle}

.mobile-menu a {line-height:60px;text-decoration:none;font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight:700;color:#fff;}

#mobile-dropdown-menu input[type='checkbox'] {
  display: none !important;
height:0}

#mobile-dropdown-menu {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index:9999 !important;
}

.wrap-collabsible {
  margin-bottom: 1.2rem 0; margin-top:0;
}

.lbl-toggle, .off-toggle {
  display: block;
  font-weight: bold;
  font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;color:#777;text-transform:uppercase;font-size:16px;letter-spacing:1px;
  text-align: center;
  padding: 1rem;
  color: #fff;
  background: #000;
  cursor: pointer;
  transition: all 0.25s ease-out;
}

.lbl-toggle:hover, .off-toggle:hover {
  color: #fff;
}

.lbl-toggle::before {
  content: '\2795';
  display: inline-block;
  vertical-align: middle;
  margin-right: .5rem;
  transform: translateY(-2px);
  transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(45deg) translateX(-3px);
}

.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
	height:100vh;
  max-height: 100vh;overflow:scroll;
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
  background: #fff;
  padding: .5rem 1rem;
	position:relative;
	z-index:1;
}

/* RESPONSIVE */

@media only screen  
  and (max-width: 767px)
{
	#primary {display:none !important;}
	
	#secondary {display:none !important;}
	
	#site-title {float:left;width:100% !important;text-align:center;margin-bottom:0;}
	
	#top-menu-container {margin-top:10px;}
	
	#site-description {float:left;width:100% !important;text-align:center;}
	
	#wrapper.hfeed {padding:0;margin-top:0;}
	
	#site-description {padding:0 20px;}
	
	#content {margin-right:20px !important;}
	
	.alignright {margin:10px auto !important;float:none !important;display:block !important;}
	
	.alignleft {margin:10px auto !important;float:none !important;display:block !important;}
	
	.alignnone {display:block;margin:0 auto;}
	
	.wp-caption img {margin:5px auto;display:block;}
	
	.wp-caption {background:none;}
	
	blockquote {padding-left:10px;padding-right:0;}
	
	li.comment {padding-left:0 !important;}
	
	.comment-author {padding-left:56px}
	
	.comment-meta {padding-left:56px;}
	
	iframe {max-width:100% !important;margin:0 auto !important;}
	
	#footer-widget-area {display:flex;flex-direction:column;}
	
	#first, #second, #third, #fourth {width:100% !important;max-width:400px !important; padding:0 40px;margin:0 auto !important;}
	
}

@media only screen and (min-width: 769px) {
	.mobile-menu {display:none}
}