/*
Theme Name:   Carboncopies
Description:  Carboncopies Custom Child Theme from TwentyTwenty
Author:       admin
Author URL:   https://carboncopies.org
Template:     twentytwenty
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  carboncopies
*/

/* Write here your own personal stylesheet */
::selection {
    background-color: #2e279d;
    color: white;
}

/* general overrides for twentytwenty */
.entry-content h1 {
	font-size: 4.8rem;
}
.entry-content h2 {
	font-size: 4rem;
}
.entry-content h3 {
	font-size: 3.2rem;
}
.entry-content h4 {
	font-size: 2.5rem;
}
.entry-header {
    display: none;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 1100px;
}

.entry-content > *:first-child {
    margin-top: 4.5rem;
}

li {
    line-height: 1.5;
    margin: 0.5rem 0 0 4rem;
}

.cover-header {
    display: none;
}

a {
    text-decoration: none;
}

a:hover {
    filter: brightness(1.2);
}

/* menu overrides */
#site-header {
    background-color: #2e279d;
    position: fixed;
    width: 100%;
    z-index: 9998;
}

.mobile-menu {
	position: relative;
}

.header-spacer {
	height: 88px;
	width: 100%;
}

li.menu-item a {
    height: 32px;
    line-height: 32px;
}

body .primary-menu li.cc-menu-button-donate a {
    background-color: white;
    height: 32px;
    padding: 0 10px;
    color: black!important;
    border-radius: 5px;
    text-decoration: none;
    transition: 75ms;
}

body .primary-menu li.cc-menu-button-donate a:hover {
    transition: 75ms;
    background-color: #a3f7bf;
}

.sub-menu {
    -webkit-box-shadow: -3px -1px 75px -28px rgba(0,0,0,0.75);
    -moz-box-shadow: -3px -1px 75px -28px rgba(0,0,0,0.75);
    box-shadow: -3px -1px 75px -28px rgba(0,0,0,0.75);
}

.sub-menu .menu-item a {
    line-height: 1.2;
    height: auto;
}

.mobile-menu .menu-item a {
    height: auto;
}

nav.navigation.pagination {
    margin-bottom: 30px;
}

p.cc-blog-card-share-icons a {
    margin-right: 15px;
}

p.cc-blog-card-share-icons a:hover {
    color: #7ba0f6;
    transition: 75ms;
}

.featured-media img {
    margin: 0 auto;
    max-width: 1020px;
}

/* media queries */

@media (min-width: 700px) {
    .post-inner {
        padding-top: 1rem;
    }
    .entry-content h1, .entry-content h2, .entry-content h3 {
        margin: 4.5rem auto 1.5rem;
	}
	.entry-content h4, .entry-content h5, .entry-content h6 {
		margin: 1rem auto 1rem;
	}
    h3, .heading-size-3 {
        font-size: 2.5rem;
    }
}

@media (min-width: 1220px) {
    h1, .heading-size-1 {
        font-size: 3.2rem;
    }
    .comment-reply-title {
        font-size: 3.7rem;
    }
}

/* TEAM PAGE STYLE */

.cc-team-cont {
	width: 100%;
	text-align: center;
}

.cc-team-card {
	display: inline-block;
	position: relative;
	min-width: 310px;
	vertical-align: top;
	box-sizing: border-box;
	padding: 30px;
}

.cc-team-image {
	width: 100%;
	padding-bottom: 100%;
	background-size: cover;
	background-repeat: none;
	border-radius: 50%;
	position: relative;
	z-index: 4;
}

.cc-team-bio-cont {
	opacity: 0;
	min-width: 250px;
	background-color: white;
	border: 15px solid white;
	min-height: 250px;
	text-align: center;
	padding: 10px;
	border-radius: 50%; 
	display: table;
	position: absolute;
	top: 30px;
	z-index: 5;
	transition: .8s;
}

.cc-team-bio-cont:hover {
	opacity: .9;
	transition: .4s;
}

.cc-team-bio {
	width: 200px;
	display: table-cell;
	vertical-align: middle;
	user-select: none;
	cursor: pointer;
}

h1.cc-team-name {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	transition: 75ms;
}

h1.cc-team-name:hover {
	opacity: .5;
	transition: 75ms;
}

p.cc-team-title {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	transition: 75ms;
}

p.cc-team-title:hover {
	opacity: .5;
	transition: 75ms;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
	background-color: #366ef1;
	color: white;
	transition: 200ms;
}

div.wpforms-container-full .wpforms-form button[type=submit]:hover {
	background-color: #366ef1;
	color: white;
	filter: brightness(1.2);
	transition: 200ms;
}

.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt {
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 1.6!important;
}

/* BLOG WIDGETS SIDEBAR */
#sidebar-blog li {
    list-style: none;
}

#sidebar-blog h2.widgettitle{
    font-size: 28px;
    margin: 25px 0 15px;
}

#sidebar-blog .widget {
    margin: 4.5rem auto 1.5rem;
    margin-top: 3rem;
    width: calc(100% - 4rem);
    max-width: 1100px;
    display: block;
}

/* FOOTER */
p.footer-copyright a.social-icon {
    margin-right: 7px;
    opacity: 1;
    transition: 200ms;
}

p.footer-copyright a.social-icon:hover {
    opacity: .7;
    transition: 200ms;
}

/* WP FORMS STYLES */

div.wpforms-container-full {
    margin-bottom: 24px;
    margin: auto;
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
	max-width: 100%;
}

/* PAST EVENTS CARDS */
.pe-card-full-width {
	background: linear-gradient(#326ecf, #2e279d);
	background-color: ;
	color: white;
	padding: 25px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	transition: 150ms;
	-webkit-transition: 150ms;
	-moz-transition: 150ms;
	-ms-transition: 150ms;
	-o-transition: 150ms;
}

.pe-card-full-width:hover {
	box-shadow: 0 0 15px gray;
	transition: 150ms;
	-webkit-transition: 150ms;
	-moz-transition: 150ms;
	-ms-transition: 150ms;
	-o-transition: 150ms;
}

.pe-card-full-width a {
	color: #b3ceff;
}

/* TEAM MEMBER CUSTOM POST TYPE */
.type-team-member .attachment-post-thumbnail {
	max-width: 250px;
}

.type-team-member .entry-title {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 11px;
	text-align: center;
}

.type-team-member .entry-excerpt {
    max-width: 600px!important;
    font-weight: 300;
    font-size: 20px;
    /* font-style: italic; */
    text-align: center;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 1100px) {
    .featured-media img {
        margin: 0 auto;
        width: 100%;
        max-width: 1020px;
    }
}

@media only screen and (max-width: 1000px) {
	.single-team-member.singular .featured-media-inner {
		position: relative;
		left: calc(50% - 50vw);
		width: 100vw;
		top: 25px;
	}
}

@media only screen and (max-width: 445px) {
	.cc-team-card {
		min-width: 225px;
		width: 225px;
		padding: 15px;
	}
	.cc-team-bio-cont {
		min-width: 195px;
		width: 195px;
		top: 15px;
		min-height: 195px;
		height: 195px;
	}
	.cc-team-bio {
		font-size: 12px;
	}
	.cc-team-image {
		width: 100%;
		max-width: 195px;
		max-height: 195px;
		height: 195px;
		padding-bottom: 0;
	}
	.entry-content h1 {
		font-size: 4rem;
	}
}