/**
Theme Name: 9to5
Author: Tadpole
Author URI: https://www.tadpole.cc
Description: Child theme for 9to5
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 9to5
Template: astra
*/

#primary{
    margin-top:0;
}

.fp-header-img{
    position:relative;
}

.fp-header-img img{
	width:100%;
}

.fp-header-img::after{
    content: '';
    width: 110%;
    height: 10vh;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform-origin: bottom right;
    transform: rotate(-2deg);
    z-index: 10;
    background-color: white;
}

.fp-meta, .fp-staff, .fp-social {
    display:flex;
    flex-wrap:wrap;
}

.fp-meta .fp-title{
    flex-basis:100%;
    flex-shrink:0;
}

.fp-meta div{
    flex-grow:1;
}

.fp-cta-btn-container{
    padding: 15px 40px 15px 0;
    margin:20px 0;
	  display:block;
}

.fp-cta-btn-container a{
    padding: 15px 40px;
    border-radius:30px;
    font-weight:bold;
		background-color:#29256a;
    color:white;
}

.fp-meta-right-email-title, .fp-meta-right-title-sub{
	font-weight:bold;
}

i.fab {
	color: #29256a;
  margin-right: 10px;
  margin-top: 10px;
}

.fp-campaigns {
    background-color:#a9a7c2;
    display:flex;
    flex-wrap: wrap;
}

.fp-campaigns {
    display:flex;
    flex-flow: row wrap;
    justify-content: center;
    padding:20px;
	  background-color:#a9a7c2;
		margin:30px 0;
}

.fp-section-title{
    flex-basis:100%;
}

.fp-campaign{
  flex-basis: 30%;
  -ms-flex: auto;
  width: 259px;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  text-align:center;
}

.fp-campaign i{
    font-size:45px;
    color:#29256a;
	margin:20px 0;
}

.flex-direction-nav a:before{
	font-family:"FontAwesome";
	content:'\f0a8';
}

.flex-direction-nav a.flex-next:before{
	font-family:"FontAwesome";
	content:'\f0a9';
}

.fp-board{
    background-color:#b11116;
    color:white;
}

section[class^='fp-']{
    padding:50px 5vw;
}

.fp-board {
    display: flex;
    flex-wrap: wrap;
}

.fp-board-staff-container {
    display: flex;
    flex-wrap: wrap;
}

.fp-board h4{
    color:white;
}

.fp-board a{
    color:white;
    font-weight:bold
}

.fp-board-staff{
    flex-basis:30%;
    margin-right:25px;
    margin-top:25px
}

.fp-board-staff-name{
    font-weight:bold;
    font-size:15px;
}

.fp-board-staff-title{
    font-style:italic;
}

.fp-board-memeber-container {
    display:flex;
    flex-wrap:wrap;
}

.fp-board-memeber-container .fp-section-title{
    padding:20px 0 5px;
    margin-bottom: 15px;
    border-bottom:white thin solid
}

.fp-board-memeber{
    flex-basis:25%;
}

.fp-board-member {
    flex-basis:25%;
}

.fp-board-member-name{
    font-weight:bold;
}

.fp-board-member-title{
	margin-bottom:20px;
}

.fp-social-fb-container, .fp-social-tw-container {
    flex-basis:45%;
    max-width:50%;
}

.fp-social-fb-container{
    padding-right:25px;
}

.fp-social-tw-container{
    padding-left:25px;
}

/* skew */
section{
	position:relative;
}
.skew-top-t2b::before{
	content: '';
    width: 110%;
    height: 20vh;
    position: absolute;
    top: 0px;
    left: 0px;
    transform-origin: top right;
    transform: rotate(2deg);
    z-index: -1;
    background-color: inherit;
}

.skew-top-b2t::before{
    content: '';
    width: 110%;
    height: 20vh;
    position: absolute;
    top: 0px;
    left: 0px;
    transform-origin: top left;
    transform: rotate(-2deg);
    z-index: -1;
    background-color: inherit;
}

.skew-bottom-t2b::after{
    content: '';
    width: 110%;
    height: 20vh;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform-origin: bottom right;
    transform: rotate(-2deg);
    z-index: -1;
    background-color: inherit;
}

.skew-bottom-b2t::after{
    content: '';
    width: 110%;
    height: 20vh;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform-origin: bottom left;
    transform: rotate(2deg);
    z-index: -1;
    background-color: inherit;
}
/* skew front page header image */
.home .wp-block-uagb-section:first-child::before {
    content: '';
    width: 110%;
    height: 10vh;
    position: absolute;
    bottom: 0px;
    left: -10px;
    transform-origin: top right;
    transform: rotate(-3deg);
    z-index: 9;
    background-color: white;
}

#uagb-section-43e97fd9-8e76-4dd4-8ea8-4bc1c42e6f15{
    margin-top:50px;
}
#uagb-section-43e97fd9-8e76-4dd4-8ea8-4bc1c42e6f15::before {
      content: '';
    width: 110%;
    height: 10vh;
    position: absolute;
    top: 0px;
    left: -10px;
    transform-origin: top right;
    transform: rotate(2deg);
    z-index: 1;
    background-color: #29256a;
}



#uagb-column-553b1b88-66e8-43b4-b5b7-9dc6e3f8cddd a {
    padding: 2em;
    border-radius: 30px;
}

/* nav style */
.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu>.menu-item-has-children>a .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu>.page_item_has_children>a .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu>.menu-item-has-children>a .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu>.page_item_has_children>a .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.main-header-menu>.menu-item-has-children>a .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.main-header-menu>.page_item_has_children>a .sub-arrow:after{
    display:none;
}

#primary-menu > li {
    color:#29256A;
    border: #29256A solid 2px;
    margin-left: 10px;
    line-height:2;
}

#site-navigation{
    line-height:2;
}

article.chapter{
    /* for archive page */
    max-width:30%;
}

#primary-menu > .menu-item{
    line-height:0;
}

.site-header .ast-sticky-shrunk .ast-site-identity, .ast-sticky-shrunk .main-header-menu > li > a, .ast-sticky-shrunk li.ast-masthead-custom-menu-items{
    padding:20px;
}

/* adding angle to header image requires .header-image class to be added to container */
.header-image > div::before {
    content: '';
    width: 110%;
    height: 10vh;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform-origin: bottom right;
    transform: rotate(-2deg);
    z-index: 99;
    background-color: white;
}

/* full width image header */
.vc_row.full-width-featured-image, .post-thumb-img-content.post-thumb {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
}

.post-thumb-img-content.post-thumb img{
    object-fit:cover;
    width:100vw;
}

.post-thumb-img-content.post-thumb::before {
    content: '';
    width: 110%;
    height: 10vh;
    position: absolute;
    bottom: 0px;
    left: -10px;
    transform-origin: top right;
    transform: rotate(-2deg);
    z-index: 99;
    background-color: white;
}

/* margin to allow for the skew */
.full-width-featured-image {
    margin-bottom:10px;
}

.full-width-featured-image::before {
    content: '';
    width: 110%;
    height: 10vh;
    position: absolute;
    bottom: 0px;
    left: -10px;
    transform-origin: top right;
    transform: rotate(-2deg);
    z-index: 99;
    background-color: white;

}

/* nav style */
.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu>.menu-item-has-children>a .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu>.page_item_has_children>a .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu>.menu-item-has-children>a .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu>.page_item_has_children>a .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.main-header-menu>.menu-item-has-children>a .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.main-header-menu>.page_item_has_children>a .sub-arrow:after{
    display:none;
}

#primary-menu > li {
    color:#29256A;
    border: #29256A solid 2px;
    margin-left: 10px;
    line-height:2;
}

#site-navigation{
    line-height:2;
}

article.chapter{
	/* for archive page */
    max-width:30%;
}

#primary-menu > .menu-item{
	line-height:0;
}

/* modify the nav padding */
.site-header .ast-sticky-shrunk .ast-site-identity, .ast-sticky-shrunk .main-header-menu > li > a, .ast-sticky-shrunk li.ast-masthead-custom-menu-items{
	padding:20px;
}

/* tweak the blog page settings */
.blog .vc_row.full-width-featured-image,.blog .post-thumb-img-content.post-thumb {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
    right: 0;
    width: inherit;
}

.blog .vc_row.full-width-featured-image:before,.blog .post-thumb-img-content.post-thumb:before {
    content:none;
}

.blog .type-post div.entry-content p:first-child{
    padding-bottom:20px;
}

/* styling single page */
.single .post-thumb-img-content.post-thumb::before {
    content: '';
    width: 110%;
    height: 10vh;
    position: absolute;
    bottom: 0px;
    left: -10px;
    transform-origin: top right;
    transform: rotate(-2deg);
    z-index: 5;
    background-color: white;
}

.single article header.entry-header{
    z-index: 5;
    position: relative;
    margin-bottom:0;
}

.single article div.entry-content{
    z-index: 10;
    position: relative;
}

.js_active .ast-plain-container.ast-single-post .entry-header {
    margin-top: 0;
}

.post-thumb-img-content{
    max-height: 80vh;
    overflow: hidden;
}

/* blog featured image sizing */
.blog .post-thumb-img-content.post-thumb img {
    object-fit: contain;
}

.blog .post-thumb-img-content.post-thumb{
    width:43vw;
}

/* remove sub menu arrow */
.main-header-bar .main-header-bar-navigation .menu-item-has-children>a:after, .main-header-bar .main-header-bar-navigation .page_item_has_children>a:after{
    display:none;
}

.home .pt-cv-title a {
    padding: 20px 30px;
    border-radius: 30px;
}

/* search results */
.search .post-thumb-img-content.post-thumb img, .archive .post-thumb-img-content.post-thumb img {
    object-fit: contain;
}

.search .vc_row.full-width-featured-image,.search .post-thumb-img-content.post-thumb, .archive .vc_row.full-width-featured-image,.archive .post-thumb-img-content.post-thumb {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
    right: 0;
}

.search .vc_row.full-width-featured-image:before,.search .post-thumb-img-content.post-thumb:before, .archive .vc_row.full-width-featured-image:before,.archive .post-thumb-img-content.post-thumb:before {
    content:none;
}

.search p.read-more, .archive p.read-more {
    margin-top: 30px;
}

.search .ast-no-thumb.blog-layout-3, .archive .ast-no-thumb.blog-layout-3 {
    padding: 0 3em;
}


/* Media queries */
@media (max-width: 834px) {
    .fp-campaigns .fp-campaign, .fp-board-staff, .fp-board-member {
        flex-basis:50%;
    }
	.fp-social-fb-container, .fp-social-tw-container{
		flex-basis:100%;
		max-width:100%;
	}

}

@media (max-width: 568px) {
    .fp-campaigns .fp-campaign, .fp-board-staff, .fp-board-member {
        flex-basis:100%;
    }
}

@media(min-width:768px){
    .search .post-thumb-img-content.post-thumb, .archive .post-thumb-img-content.post-thumb{
        width:43vw;
    }
}

@media (max-width:768px){
/* blog featured image sizing */
    .blog .post-thumb-img-content.post-thumb{
        width:95vw;
        margin: 0 auto;
    }
    .blog .post-content{
        padding:0 1em;
    }
    #primary-menu > .menu-item{
        line-height: 2;
    }
    #primary-menu > li {
        border-width:1px;
    }
    /*add padding to search query responses*/
    .search .blog-layout-3, .archive .blog-layout-3{{
        padding:0 3em;
    }
}