/* removes the bottom part on both home page and other pages, so runs together */

#container #post-entry .status-publish .post-content,
#container #post-entry {
    padding-bottom: 0!important;
}

#container #post-entry .status-publish {
    margin-bottom: 0;
}



/* This code makes the header responsive, so key ccodde to have */

#top-bg .top-bg-inner img {
  max-width: 100%;
}



/* This code section is all to fix the header on the home page */

/* #header {
    background-image: url("https://www.the30daysolution.com/wp-content/uploads/2015/06/30Day-QuitDrinking-Background2.jpg")!important;
}

#header-gfx-inner {
	background: none;
}

#header-gfx-inner {
	background: none;
} */

/* This lowers the video on the left side home page */

/* #left-panel {margin: 0px; padding: 40px 0px 0px; float: center;} */

/* This adjusts the font and text - header - under navigation bar on the home page */

#right-panel h4 {font-size: 22px; line-height: 25px; margin: 0px 0px 0px; padding: 0px; float: left; width: 100%; color: #4790D1; text-align: justify; letter-spacing: -1px; font-weight: normal; font-style: normal; font-variant: normal; !important;}

/* This adjusts the font and text - below header - under navigation bar on the home page */

#right-panel p.headtext {font-size: 16px; line-height: 18px; color: #FFFFFF; text-align: justify; margin: 0px; padding: 0px 0px 16px 5px; float: left; width: 98%; !important;}

/* Fixes home page submit button */

#right-panel form {margin: 0px; padding: 35px 0px 0px 1%; float: center; width: 99%;}

#right-panel input {border: 0px none; font-size: 27px; background: transparent; line-height: 36px; color: #333333;}

input.submit-button {color: #FFFFFF; text-decoration: none; background: #00882D !important; padding: 5px 14px !important; font-size: 18px !important; text-shadow: 1pt 1pt 1pt #111111 !important;}

div.submit-button a {color: #FFFFFF; text-decoration: none; background: #00882D !important; padding: 8px 18px !important; font-size: 20px !important; display: block; margin: 0px; float: center; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px !important;}



/* This removes the sub intro on the home page */
#top-content {
display: none;
}

/* Reduces the bottom padding on the website pages */

#wrapper{
padding-bottom: 0 !important;
}

/* These two below remove the sub intro on other pages, but makes sure stays on home page */

/* .home-page #header { */
/* display: block;  */
/* } */

#header {
display: none;
}

#services-banner {
display: none;
}

/* This makes sure no space between image and navigation menu on pages */

.content, .post-content {
padding-top: 0;
}


/* This removes the page title - top one for all pages (posts I assume too), the others were there */

h1.post-title{
display: none !important;
}

.page-id-353 .post-title {
  display: none;
}

.page-id-2586 .post-title {
  display: none;
}


.page-id-377 .post-title {
  display: none;
}

.page-id-53 .post-title {
  display: none;
}

.page-id-21 .post-title {
  display: none;
}

.page-id-489 .post-title {
  display: none;
}

.page-id-507 .post-title {
  display: none;
}




/* This changes the color of the testimonial rotator */

.testimonial_rotator_stars .testimonial_rotator_star { color: #FFBF00; }

/* This changes the font size of the navigation menu */

#nav a{
font-size: 22px !important;
}
#nav a{
line-height: 26px; ! important;
}


/* This is supposed to set the color for the header content, but doesn't work */

#intro-content {background:url("../wp-content/uploads/2015/03/howtostopdrinkingbackground.jpg") repeat-x bottom; margin: 0px; padding: 0px; float: left; width: 100%;} 

#custom #bottom-content {
  background: #f5f5f5; /* this sets the color for the very bottom of the theme */ }

/* This changes the colors of tabs */

/* .wpb_content_element .wpb_tabs_nav li.ui-tabs-active {background: #D8D8D8 !important;} */

/* .wpb_content_element .wpb_tabs_nav li:hover {background: #89B4DA !important;} */

/* .wpb_content_element .wpb_tabs_nav li {background: #fceeba !important;} */

/* This changes the colors of accordian */

.wpb_accordion_header.ui-accordion-header.ui-helper-reset.ui-state-default.ui-state-active {background-color: #D8D8D8 !important;}

.wpb_accordion_header.ui-accordion-header.ui-helper-reset.ui-state-default.ui-state-hover {background-color: #89B4DA !important;}

.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {background-color: #fceeba !important;} */

.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {background-color: #fceeba !important;} */

/* Changes underline and font color of accordian - probably all, but on daily template for sure */


/* This changes new accordian - first is font color, 2nd is no underline by default, 3rd is icon color and fourth is icon size. */

#container a, .one-community a, .services-box a, #custom ul.hlist a {
    color: #be202e; ! important;
}

#container a, .one-community a, .services-box a, #custom ul.hlist a {
  text-decoration: none; ! important;
}

.vc_tta.vc_general .vc_tta-title-text {
    font-weight: bold; ! important;
}

.vc_tta.vc_general .vc_tta-title-text {
    color: #ffffff; ! important;
}

.vc_tta.vc_general .vc_tta-icon {
    color: #ffc042; ! important;
    font-size: x-large; ! important;
}






/* Removing Avatars from a couple places */

.widget_display_topics .bbp-author-avatar { 
    display: none ! important; 
}
 
.bbp-topic-freshness-author  .bbp-author-avatar { 
    display: none ! important;
}


@media only screen and (min-width: 735px) {
.top-bg-inner img {
    max-width: 100%;
    height: auto;
}
}

/* These two update the comment form for blog posts (and maybe other) and the submit button. */  
#comment-form{
background: #4790D1; ! important;
border: #4790D1; ! important;
}

#comment-form 
input.sbutton {
background: #fceeba; ! important;
color: #4790D1; ! important;
font-weight: bold;  ! important;
}
  
.blog .post h1.post-title { display : block !important; font-size : 22px !important; line-height: 26px !Important; }
.blog#custom .post .post-content { float: left; width: 70%; text-align: justify; margin-left: 2%; }
.blog .post .post-thumbnail { float: left; width: 28%; }
.blog .post .post-thumbnail img { width: 100%; }
.blog .post { padding-bottom : 15px; padding-top : 15px !important; }
.blog .post .read-more .single-read-more { float: right; background-color: #3A8AD1; padding: 5px 10px; color: #fff !important; font-size: 13px; font-weight: bold; }
.single.single-post#custom .post .post-content { text-align: justify; }

@media only screen and (max-width: 1000px) {
.top-bg-inner img {
    max-width: 100%;
    width : 100% !important;
}
}

@media only screen and (min-width: 767px) and (max-width: 1000px) {
.content {
    width : 94% !important;
    padding : 0px 3% !important;
}
}

@media only screen and (max-width: 767px) {
.content {
    width : 94% !important;
    padding : 0px 3% !important;
}
#content, #container #post-entry { width : 100% !important; }
}

@media only screen and (max-width: 480px) {
.blog .post .post-thumbnail { width : 100% !important; }
#content, #container #post-entry { width : 100% !important; padding-right: 0px !important; }
#custom.blog .post .post-content { width : 100% !important; margin-left : 0px !important; }
}

div#intro-content {
    display: none;
}