/*
Theme Name: Twenty Twenty Child
Theme URL: http://wpamanuke.com/
Description: Twenty Twenty Child Theme
Author: WPAmaNuke
Author URL: http://wpamanuke.com/
Template: twentytwenty
Version: 1.0.0
Text Domain: twentytwenty-child
*/ 
/* Custom CSS goes after this line */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;0,800;1,400&family=Oswald:wght@400;500&display=swap');

* { font-family: 'Open Sans', sans-serif; box-sizing: border-box; }


p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	font-size: 13px;
}
.social-icons a, #site-footer button:not(.toggle), #site-footer .button, #site-footer .faux-button, #site-footer .wp-block-button__link, #site-footer .wp-block-file__button, #site-footer input[type="button"], #site-footer input[type="reset"], #site-footer input[type="submit"] {
    background-color: #222b5c !important;
}

input[type="button"], input[type="reset"], input[type="submit"], .comment-reply-link {
        background-color: #242b5c !important;
}

h3 {
    font-size: 25px !important;
}


smaller.date {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: -20px;
}


header#site-header {
    border-bottom: 2px solid #f1f1f1;
    background-color: #fff !important;
}
.to-the-content-wrapper { display: none; }


main a { color: #242b5c !important; }

.wp-block-quote { 
	border-left-color: #bbc6fe;
	margin: 20px auto !important;  
}
.wp-block-quote p {
    font-size: 28px;
    line-height: 1em !important;
    color: #222b5c;
    margin-bottom: 15px !important;
}
.wp-block-quote cite { margin: 0px !important; }

.primary-menu a {
    color: #242b5c !important;
    font-size: 15px;
}




@media only screen and (min-width: 1000px) {
	.header-toggles { display: none; }
}


body.home .entry-title { display: none; }

body.home .entry-header { margin-top: 0px !important; padding: 0px !important; }

.homepage-meet-simone {
    background-color: #1f285a;
    color: #fff;
    padding: 20px;
    box-shadow: 5px 5px 0px #bbc6fe;
    max-width: 800px !important;
    margin-bottom: 90px !important;
}
.homepage-meet-simone h2 { 
	margin: 0px 0px 5px !important;
	font-weight: 300;
	font-size: 28px;
	font-style: italic; }

.homepage-meet-simone .wp-block-column:nth-child(1) { flex-basis: 80px !important; }
.homepage-meet-simone .wp-block-column:nth-child(1) .wp-block-image { 
    margin: 0px 0px 0px -100px !important;
    width: 200px; 
}
.homepage-meet-simone .wp-block-column:nth-child(2) { 
	flex-basis: calc(100% - 100px) !important; 
	padding: 20px 40px 20px 0px; 
}
.homepage-meet-simone a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 17px;
    font-style: italic;
}


.homepage-about-section { 
	margin-bottom: 100px;
	max-width: 960px !important; }
.homepage-about-section figure { margin-bottom: 0px; }
.homepage-about-section h2 {
    display: block;
    border-bottom: 4px solid #bbc6fe;
    width: fit-content;
    margin-top: 15px !important;
    font-size: 30px;
}
.homepage-about-section .wp-block-columns { 
	margin-top: 0px; 
}
.homepage-about-content { 
	background-color: #fff;
	padding: 0px 20px 20px 20px;
	margin-top: -10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}

.homepage-about-img1 {
	background-image: url('images/about1.jpg');
	background-size: cover;
	margin: -1px 0px 0px !important;

}
.homepage-about-img2 {
	background-image: url('images/about2.jpg');
	background-size: cover;
	margin: -1px 0px 0px !important;
}






.homepage-services-section { 
	background-color: #1f285a;
	color: #fff; 
}
.homepage-services-section figure { 
	margin-top: -40px !important;
	margin-bottom: 0px !important; 
	}

.wp-block-coblocks-accordion * { outline: none !important; }
.wp-block-coblocks-accordion { padding-top: 40px; }
.wp-block-coblocks-accordion:before { 
	content: "SERVICES"; color: #fff; font-family: 'oswald'; 
	font-size: 30px; background-color: #bbc6fe; padding: 15px; 
	display: inline-block;  margin-bottom: 30px;
}
.wp-block-coblocks-accordion-item { margin-bottom: 0px; }
.homepage-services-section .wp-block-coblocks-accordion summary { 
	font-size: 13px !important; padding: 5px; 
	background-color: transparent !important; 
}
.homepage-services-section .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item__content {
	border: 0px; 
	color: #bcc6ff;
}



.homepage-blog-section {
	background: url(images/amazing-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100% !important;
	max-width: none !important;
	margin-bottom: 350px;
}

.homepage-blog-section h2 {
	display: inline-block;
	background-color: #20295a;
	color: #fff;
	font-family: 'oswald';
	padding: 10px;
	text-transform: uppercase;
	width: fit-content !important;
	font-weight: 400;
}
.homepage-blog-section .wp-block-group__inner-container {
	max-width: 960px;
	height: 600px;
	margin: 0px auto;
	padding-top: 20px;
	
}
.homepage-blog-section .wp-block-latest-posts { display: flex; justify-content: space-between; }
.homepage-blog-section .wp-block-latest-posts li { 
	width: 30%;
	display: block;
	margin: 0px 0px -250px !important; padding: 10px 10px 20px;
	background-color: #fff;
	border: 1px solid #ccc; 
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	position: relative;
}
.homepage-blog-section .wp-block-latest-posts__featured-image {
    height: 200px;
    background-color: #d8d8d8;
    margin-bottom: 15px;
    justify-content: center;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.homepage-blog-section .wp-block-latest-posts__featured-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: all .3s;
}
.homepage-blog-section .wp-block-latest-posts li:hover img {
	margin-top: -5%;
	height: 110%;
}
.read-more-link { 
	color: #fff !important;
    text-decoration: none !important;
    display: block !important;
    width: 130px !important;
    text-align: center !important;
    margin: 10px auto 0px !important;
    padding: 9px !important;
    background-color: #bbc6fe !important;
    border-radius: 40px !important;
    text-transform: uppercase !important;
    position: absolute;
    bottom: 20px;
    left: calc(50% - 65px);
}
.wp-block-button__link { 
	color: #fff !important;
    text-decoration: none !important;
    display: block !important;
    width: 130px !important;
    text-align: center !important;
    margin: 10px auto 0px !important;
    padding: 9px !important;
    background-color: #bbc6fe !important;
    border-radius: 40px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    }


.homepage-worktogether-section {
	background-image: url('images/handshake.jpg');
	background-size: cover;
	background-position: center center;
	padding: 80px 0px;
}
.homepage-worktogether-section h2 {
    display: block;
    border-bottom: 4px solid #bbc6fe;
    margin-top: 15px !important;
    font-size: 40px;
    color: #fff !important;
    line-height: 1em !important;
    width: 200px !important;
    padding-bottom: 10px;
}

.homepage-worktogether-section .wp-block-columns {
    max-width: 900px !important;
}
.homepage-worktogether-section .uagb-testomonial__outer-wrap {
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 20px;
	position: relative;
	padding: 40px !important;
}
.homepage-worktogether-section .uagb-testomonial__outer-wrap:before {
    content: "\201C";
    position: absolute;
    top: -119px;
    left: -37px;
    font-size: 220px;
    font-family: 'georgia', serif;
    font-weight: 900;
    color: rgb(195 210 235 / 63%);
}
.homepage-worktogether-section .uagb-testomonial__outer-wrap:after {
    content: "\201D";
    position: absolute;
    bottom: -150px;
    right: -37px;
    font-size: 220px;
    font-family: 'georgia', serif;
    font-weight: 900;
    color: rgb(195 210 235 / 63%);
    line-height: 220px;
}
.homepage-worktogether-section .uagb-tm__content {
	text-align: left !important;
}





.homepage-worktogether-section .uagb-tm__desc {
	font-size: 13px; padding-top: 20px;
}





.homepage-clients-section { text-align: center; }
.homepage-clients-section h2 {
	display: inline-block;
	background-color: #20295a;
	color: #fff;
	font-family: 'oswald';
	padding: 10px;
	font-size: 30px;
	text-transform: uppercase;
	width: fit-content !important;
	font-weight: 400;
	text-align: center;
}
.homepage-clients-section .gosign-logo-slider {
	padding: 20px; 
	border: 1px solid #f1f1f1;
	box-shadow: 0px 0px 5px #f1f1f1;
}
.homepage-clients-section .slick-slide,
.homepage-clients-section .slick-slide div,
.homepage-clients-section .slick-slide div div {
	position: relative;
    height: 150px;
}
.homepage-clients-section .slick-slide img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.slick-prev:before, .slick-next:before {
    color: #22295a;
}



.footer-widgets-outer-wrapper { border: 0px !important; padding-bottom: 20px; }
.footer-top.has-social-menu {
	border: 0px !important;
	padding: 0px !important;
	text-align: center;
}
.footer-social-wrapper ul {
    justify-content: center !important;
    margin: 0px auto;
}

.footer-widgets-wrapper {
    display: block;
    margin: 0px auto;
    justify-content: center !important;
}
.footer-widgets-wrapper > div {
    margin: 0px auto;
}

#footer-wrapper {
	background-image: url('images/footer.jpg');
	background-size: cover;
	color: #fff;
}
#footer-wrapper * { background-color: transparent !important; color: #fff !important; }





body:not(home) .entry-header {
    padding: 20px !important;
    margin: 0px 0px 60px !important;
    border-top: 2px solid #f1f1f1;
    color: #fff !important;
    background-color: #222b5c !important;
}
body:not(home) .entry-header h1 { font-size: 35px !important; }
body:not(home) .entry-header * { color: #fff !important; }

body:not(home) .cover-header-inner .entry-header {
    background: transparent  !important;
    border: 0px !important;
}
.cover-header.bg-image.bg-attachment-fixed {
    background-position: center 150px;
    background-size: 100%;
    background-attachment: unset !important;
}
body:not(home) .cover-header-inner {
    padding: 21rem 0 3rem 0;
}



body.blog article {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 960px;
    margin: 0px auto;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
body.blog .entry-header {
    background-color: transparent !important;
    border: 0px !important;
    padding: 50px 0px !important;
    margin: 0px !important;
    vertical-align: middle;
    height: fit-content;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
body.blog .entry-header h2,
body.archive.post-type-archive-press_item .entry-header h2 { font-size: 30px !important; }
body.blog .entry-header *,
body.archive.post-type-archive-press_item .entry-header * { color: #222b5c !important; }
body.blog .featured-media {
    width: 100%;
    height: auto;
    max-height: 300px;  
    margin: 0px auto !important;
}
body.blog .featured-media .featured-media-inner { width: 100% !important; }
body.blog hr, body.blog .entry-categories, body.blog .post-inner, body.blog .post-author  { display: none; }

body.archive.post-type-archive-press_item .entry-header {
    background-color: transparent !important;
}

body.blog #site-content article:nth-of-type(odd) .featured-media { 
    grid-column: 1;
    grid-row: 1; 
}
body.blog #site-content article:nth-of-type(odd) .entry-header { 
    grid-column: 2;
    grid-row: 1;  
}

body.blog article > .section-inner { display: none !important; }

.uagb-team__title { margin-top: 0px !important; }


/*

.press-item-wrap .press-featured-image { 
    margin-bottom: -50px;
    background-color: #a5c1ea;
    width: 45%; 
}
.press-item-wrap .press-featured-image img {
    filter: grayscale(100%) contrast(130%);
    opacity: .5;
    mix-blend-mode: hard-light;
}
.press-item-wrap h3 { 
    margin-top: 0px;
    background-color: #fff;
    display: inline-block;
    padding: 5px 10px;
    margin-left: 10px; 
    position: relative;
    z-index: 99;
}
.press-item-wrap h3 a { text-decoration: none !important; }

*/


.press-item-wrap {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1fr;
    width: 100% !important;
    max-width: 960px !important;
    margin: 0px auto;
    overflow: hidden;
    margin-bottom: -42px;
}
.press-item-wrap h3 { margin: 0px; padding: 0px; }
.press-item-wrap h3 a {
    background-color: transparent !important;
    display: block;
    text-decoration: none;
    border: 0px !important;
    padding: 50px 50px !important;
    margin: 0px !important;
    vertical-align: middle;
    height: fit-content;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.press-featured-image { 
    position: relative;
    max-height: 260px;
    overflow: hidden;
    background-color: #a5c1ea;
}
.press-item-wrap .press-featured-image img {
    filter: grayscale(100%) contrast(130%);
    opacity: .5;
    mix-blend-mode: hard-light;
}

.press-item-wrap p {  }
.press-item-wrap .date {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: -50px;
    color: #232b5c;
    z-index: 999;
    padding: 5px 10px;
    margin: 0px auto !important;
    display: block;
    text-align: center;
}

.press-item-wrap:nth-of-type(odd) .press-featured-image { 
    grid-column: 2;
    grid-row: 1; 
}
.press-item-wrap:nth-of-type(odd) h3 { 
    grid-column: 1;
    grid-row: 1;  
}
.press-item-wrap:nth-of-type(even) p { 
    grid-column: 2;
    grid-row: 2;  
}



body.single-press_item article,
body.single-post article.post {
    display: grid;
    grid-template-columns: .5fr 1.5fr 1fr .5fr;
    width: 100%;
}

body.single-press_item header.entry-header,
body.single-post header.entry-header {
    grid-column: 1 / 5;
    grid-row: 1;
    margin-bottom: 0px !important;
}
body.single-press_item .featured-media,
body.single-post .featured-media {
    width: 100%; 
    max-width:  960px;
    margin: 80px auto 0px;
    grid-column: 3 / 4;
    grid-row: 2;
}
body.single-press_item .post-inner,
body.single-post .post-inner { 
    padding-top: 5rem !important;
    grid-column: 2;
    grid-row: 2; }

body.single-press_item nav.pagination-single,
body.single-post nav.pagination-single {
    grid-column: 1 / 5;
}

body.single-press_item .featured-media img,
body.single-press_item .featured-media-inner,
body.single-post .featured-media-inner,
body.single-post .featured-media img { 
    position: relative;
    left: 0px; top: 0px; 
    width: 100% !important; height: auto !important; }
body.single-press_item .featured-media-inner,
body.single-post .featured-media-inner {
    background-color: #a5c1ea;;
}
body.single-press_item .featured-media img,
body.single-post .featured-media img {
filter: grayscale() contrast(150%) brightness(150%);
    opacity: 0.5;
    mix-blend-mode: luminosity;
}

body.single-press_item  iframe {
    width: 100% !important;
    position: relative;
    z-index: 99;
    box-sizing: border-box;
}

body.single-press_item p,
body.single-post .post-inner p { 
    width: 100%;
    background-color: #fff; 
    margin: 0px auto !important;
    padding: 15px 20px; position: relative; 
    z-index: 99; }

body.single-post .entry-categories,
body.single-post .post-author { display: none; }

body.single-post .comments-wrapper {
grid-column: 1 / 5;
}

h2.comment-reply-title {
    font-size: 25px;
}
.comment-reply-link {
    color: #fff !important;
}