/* Enter Your Custom CSS Here */

.ast-header-break-point .ast-main-header-bar-alignment {
    width: auto;
}

/* reduce the padding at each side of the main header */
#masthead .ast-container, .ast-header-breadcrumb .ast-container {
    max-width: 100%;
    padding-left: 5px;
    padding-right: 0px;
}

/* Captions for Image Gallery pictures.   .  #598381 */
.gallery-caption { background-color: #779e9d; border:0;  }
.gallery-icon { background-color: #779e9d; padding-top: 2px; padding-left: 2px; padding-right: 2px; padding-bottom: 0px; }
.wp-caption { text-align: center; background-color: #779e9d; padding: 2px; }

/* hover effect for images in galleries   - didn't work as well as I'd hoped */
/* .gallery-icon:hover {box-shadow: 0 0 20px rgba(255, 255, 255, 1);} */

/* Accordion colours */
.elementor-tab-title {background-color: #598381;}
.elementor-tab-content {background-color: #779E9D; } 


/* Elementor Tabs Widget*/
#my-tabs1 [data-tab="1"] {
    background-color: lightblue;
}
#my-tabs1 [data-tab="2"] {
    background-color: lightgreen;
}


/* put a border around each article in the main blog grid */
.uagb-post__inner-wrap{border: 5px solid #598381;}

/* BG color to indents left and right of the comment replies */
.ast-separate-container .ast-comment-list li { background-color: transparent; }


/* ====================================================
  background colours for comments area in blog
===================================================== */
.ast-separate-container .comments-count-wrapper { background: gray; border: 1px solid #eeeeee; padding-bottom: 30px; }
.ast-separate-container .ast-comment-list li.depth-1 { background: #779E9D; border: 1px solid #eeeeee; }
.ast-separate-container .comment-respond { background-color: #779E9D; border: 1px solid #eeeeee; }

.ast-separate-container .ast-comment-list li.depth-1 .ast-comment,
.ast-separate-container .ast-comment-list li.depth-2 .ast-comment {
  background: #779E9D;
}

/* ====================================================
   padding around the menu items
===================================================== */
.main-navigation ul li a {
padding-right: 10px !important;
padding-left: 10px !important;
}

/* ======================================================
   Customise the form (eg Contact page)
====================================================== */
#wpforms-6 .wpforms-form {
    background-color: #779E9D;
    padding: 20px;
    border-radius: 0px;
}

/* ======================================================
   To stop vertical scroll on pages with embedded iframe
====================================================== */
/* Gallery-skin page */
.page-id-2980 { overflow-y:hidden; }

/* =======================================================
 Some of my old website CSS for the Photo Gallery Updates blog post
========================================================= */
div.textandstuff {
  background: #779E9D;
  align:centre;
  text-align:left;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 0px;
  margin-right: 0px;
  padding:20px;
  border-spacing:0px;
  border: 1px solid gray;
  border-radius: 0px;
  font: 16px Calibri, sans-serif; color:black; 
}

div.newheader {
  display: inline-block;
  background: #779E9D;
  margin-bottom: 20px;
  padding-left:15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid lightgray;
  border-radius: 0px;
  text-align:center;
  font: bold 18px Calibri, sans-serif; color: black;
}

.headerlink { font: bold 16px Calibri, sans-serif; color:black}
.taxonomy1 { color:black; margin-left:2px; margin-top:0; margin-bottom:0; padding:0;}
.taxonomy2 { color:black; margin-left:21px; margin-top:0; margin-bottom:0; padding:0;}
.taxonomy3 { color:black; margin-left:40px; margin-top:0; margin-bottom:0; padding:0;}
.species1 {margin-left: 50px;}
.species2 {margin-left: 95px;}

@media only screen and (max-width: 500px) {
    .taxonomy1 { color:black; margin-left:2px; margin-top:0; margin-bottom:0; padding:0;}
    .taxonomy2 { color:black; margin-left:2px; margin-top:0; margin-bottom:0; padding:0;}
    .taxonomy3 { color:black; margin-left:2px; margin-top:0; margin-bottom:0; padding:0;}
    .species1 {margin-left: 2px;}
    .species2 {margin-left: 45px;}
	  .page-id-2980 { overflow-y:auto; }
	#masthead .ast-container, .ast-header-breadcrumb .ast-container {padding-left: 0px;}
}


/* =======================================================
 Background colours for Blog Posts
========================================================= */
.body { background: #91C3C1; }
.page { background: #91C3C1; }


/* bg color for the 'whitespace' on a blog post */
.ast-separate-container { background-color: #91C3C1; }

/* bg color for the part where the blog post's content itself is shown */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
  color: black;
  background-color: #779E9D;
  padding-top: 90px;
  border: 1px solid #eeeeee;
}

/* bg color for inside the search box */
.widget_search .search-form .search-field {
  background: #D5E8E7;
}

/* control the widgets in the sidebar in the individual blog posts */
.ast-separate-container.ast-two-container #secondary .widget {
  background-color: #779E9D;
  padding: 1em;
  border: 0px solid #a0a0a0;
}

/* control the widgets in the sidebar in the blog main page */
.widget {
  background-color: #779E9D;
  padding: 1em;
  border: 0px solid #a0a0a0;  
}


/* spacing and font color for the widget titles (Categories etc) */
.widget-title {
  color:black;
  margin-bottom: 0.2em;
  line-height: 1.0;
}

.widget ul { line-height: 1.3; }

.ast-left-sidebar #secondary { padding-top: 50px; padding-bottom: 100px;}

.ast-archive-description .ast-archive-title{
  color: black;
  background-color: #658786;
}


/* the bit at the top of the blog search results page, surrounding the title */
.ast-separate-container .ast-author-box,
.ast-separate-container .ast-archive-description {
  background-color: #658786;
  padding-bottom: 50px;
  padding-top: 80px;
  border: 1px solid #eeeeee;
}


/* reduce the padding at each side of the main header */
#masthead .ast-container, .ast-header-breadcrumb .ast-container {
    max-width: 100%;
    padding-left: 5px;
    padding-right: 0px;
}