/*
Theme Name: WebGrrrl.net
Author: Lorna Timbah (webgrrrl)
Author URI: https://webgrrrl.net/
Description: This is a call-to-action focused design based on Bootstrap and Material Kit by Creative Tim, and coded into WordPress by yours truly.
Version: 3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: webgrrrlnet
Tags: accessibility-ready, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
h2 {
    font-size: 2.4em;
}
.form-control {
    color: #ffffff;
}
.form-group.is-focused label, .form-group.is-focused label.control-label {
    color: #e7e042;
}
.landing-page .header-main {
    background-image: url('img/backdrop-webgrrrlnet-2022.jpg');
    background-position: left center;
}
.landing-page .header .title {
    color: #e3d019;
}
.navbar.navbar-transparent, navbar navbar-transparent navbar-fixed-top navbar-color-on-scroll, .navbar, .navbar.navbar-default {
    color: #e3d019;
}
.section {
    padding: 30px 0;
}

/* front-page.php */
div.header.header-primary.header-latest {
    height: auto;
    max-height: auto;
}
@media (max-width: 1200px) {
    div.header.header-primary.header-latest {
        min-height: auto;
    }
}
a.btn.btn-warning.btn-raised,
a.btn.btn-warning.btn-xs.button-round {
    color: #101010;
}
img.img-responsive.img-rounded {
    max-width: auto !important;
    width: 100%;
}
.row.portfolio, .team {
    margin-top: 40px;
}
.section.section-blogpost {
    /* font-size:  120%; */
    padding-top:70px;
    line-height: 150%;
    text-align: justify;    
}
.section.section-latest {
    padding-top: 25px;
    padding-bottom: 100px;
}
.section.section-portfoliofront {
    padding-bottom: 25px;
}

/* page-blogposts.php */
nav.navigation.pagination > div.nav-links,
nav.navigation.pagination > div.nav-links > a.page-numbers,
nav.navigation.pagination > div.nav-links > span.page-numbers.current {
  border: 0;
  border-radius: 30px !important;
  transition: all .3s;
  padding: 11px !important;
  margin: 0 3px;
  min-width: 30px;
  height: 30px !important;
  line-height: 30px;
  color: #999999;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  background: transparent;
}
nav.navigation.pagination > div.nav-links > a.page-numbers:hover, nav.navigation.pagination > div.nav-links > a.page-numbers:focus {
  color: #999999;
}
nav.navigation.pagination > div.nav-links > span.page-numbers.current, nav.navigation.pagination > div.nav-links > span.page-numbers.current:focus, 
nav.navigation.pagination > div.nav-links > span.page-numbers.current:hover {
  background-color: #9c27b0;
  border-color: #9c27b0;
  color: #FFFFFF;
  box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
}
.blogposts-desc > a, .blogposts-desc > a:hover, .blogposts-desc > a:link, .blogposts-desc > a:focus {
  color: #ffffff;
}

/* page-portfolio.php */
div.card-portfolio {
    color: #ffffff;
}
h3.title.title-portfolio-featured {
    margin: 0 0 10px;
}
h4.description-portfolio-featured {
    text-transform: uppercase;
}
.caption-client {
    text-transform: uppercase;
}
.col-portfolio-list {
    padding-top: 30px;
}
.landing-page .header-archive-portfolio {
    background-image: url('img/portfolio-hero-background.jpg');
    height: 50vh;
    min-height: 50vh;
}
.landing-page .header-archive-portfolio .container {
    padding-top: 18vh;
}
@media (max-width: 780px) {
    .landing-page .header-archive-portfolio {
        min-height: 70vh;
    }
}
.row.row-card.row-portfolio {
    padding-bottom: 20px;
}
.section.section-portfolio {
    padding-bottom: 100px;
}

/* archive.php */
.landing-page .header-archive {
    background-image: url('img/archive-hero-background.jpg');
    height: 60vh;
    min-height: 60vh;
}
.landing-page .header-archive .container {
    padding-top: 18vh;
}
@media (max-width: 780px) {
    .landing-page .header-archive {
        min-height: 90vh;
    }
}
.col-archive {
    max-width: 95%;
    padding: 10px;
}
/* .row.row-card.row-archive {
    padding-bottom: 20px;
}
*/
.card.card-archive {
    /* background-color: #e7e042; */
    margin-bottom: 20px;
}
img.attachment-medium {
    max-height: 200px;
    width: 100%;
    border-radius: 5%;
    object-fit: cover;
}

/* single.php */
div.col-md-12.col-blogpost {
	padding-left:15%;
	padding-right:15%;
	font-size: 100%;
}
@media screen and (min-width: 750px) {
    div.col-md-12.col-blogpost {
        font-size: 150% !important;
    }
}
@media screen and (max-width: 550px) {
    h1.title.single-title {
	font-size: 3.0em;
    }
} 
div.col-md-12.col-blogpost > h2, div.col-md-12.col-blogpost > h3, div.col-md-12.col-blogpost > h4, div.col-md-12.col-blogpost > h5, div.col-md-12.col-blogpost > h6 {
	line-height:initial;
	text-align:initial;
}
div.col-md-12.col-blogpost > p {
	margin: 0 0 30px;
    line-height: 150%;
}
.col-blogpost>img.size-full, .col-blogpost>div>img, .col-blogpost>img  {
    max-width: 100%;
    height: auto;
}
figcaption {
	font-size: 70%;
}
.wp-block-image img {
    max-width: 100%;
    height: auto;
}

/* single.php comments section */
#comments .comments-title {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #e4e4e4;
    margin: 0 0 20px;
    padding-bottom: 5px;
    color: #000;
}
ol.comment-list {
    padding-left: 0;
}
ol.comment-list li {
    list-style: none;
}
#comments li article {
    position: relative;
}
.comment-author {
    left: 0;
    top: 0px;
    padding: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.comment-details {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
    margin-left: 80px;
    border-bottom: 1px solid #e4e4e4;
}
.comment-meta {
    margin-bottom: 10px;
    font-size: smaller;
}
.comment-meta .fn {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.comment-date a {
    font-size: 11px;
    color: #909090 !important;
    margin-right: 10px;
}