/*
 Theme Name:   Sophia GeneratePress Base
 Theme URI:    https://generatepress.com
 Description:  Custom GeneratePress child theme created for Sophia Institute
 Author:       Perceptions Design Studio
 Author URI:   https://perceptionsstudio.com
 Template:     generatepress
 Version:      1.05
 Text Domain:  gpc-crisis
*/

/*
CONTENTS:
1. Defaults
2. Header and Nav
3. Home Page
4. Content
5. Components
6. Widgets
7. Footer
8. Other
9. Animations
*/

/* ==========================================
=! DEFAULTS
------------------------------------------ */



/* ==========================================
=! HEADER AND NAV
------------------------------------------ */



/* ==========================================
=! HOME PAGE
------------------------------------------ */



/* ==========================================
=! CONTENT
------------------------------------------ */
.dynamic-author-image[src*="secure.gravatar.com"] {
    display: none;
}


/* ==========================================
=! COMPONENTS
------------------------------------------ */

/* --- fixes potential theme css conflict --- */
.acf-map img {
    max-width: inherit !important;
}

/* --- responsive embed --- */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* --- breadcrumbs --- */
.breadcrumbs {
    font-size: 14px;
    margin-bottom: 10px;
}

/* ==========================================
=! WIDGETS
------------------------------------------ */

/* --- GPC Sub Menu Widget --- */
/* .widget_gpc_sub_menu_widget .dropdown-menu-toggle { display: none; } */
.widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu { margin-left: 1.2em; }
.widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu li { list-style: disc; }
.widget_gpc_sub_menu_widget .current-menu-item > a { font-weight: bold; }

/* ==========================================
=! FOOTER
------------------------------------------ */



/* ==========================================
=! OTHER
------------------------------------------ */
.fill-none .gb-icon svg,
.gb-icon svg.fill-none {
    fill: none;
}



/* ==========================================
=! WOOCOMMERCE
------------------------------------------ */
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale {
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
}
.wc-block-grid__product .wc-block-grid__product-onsale span {
    background-color: var(--accent);
    color: #ffffff;
    min-height: 15px;
    min-width: initial;
    font-size: 1.8em;
    padding: 8px 13px;
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
}


/* ==========================================
=! MEGA MENU
------------------------------------------ */

@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}


/* ==========================================
=! TIMELINE
------------------------------------------ */

/*/ CAM stuff /*/
.rummel-tl {
	position:relative;
	padding-top: 80px;
 background: #fff;	
    background: linear-gradient(180deg, #727272 90%, transparent);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: 1px auto;
}

.rummel-tl .tl-card-wrap {
    display: flex;
	  position:relative;
}

/*
.rummel-tl .tl-card-wrap:not(:first-child) {
	margin-top: -200px;
}

.rummel-tl .tl-card-wrap:nth-child(2) {
	margin-top: -200px;
}
*/

.rummel-tl .tl-card-wrap:nth-child(2) {
	margin-top: -200px;
}

.rummel-tl .tl-card-wrap:nth-child(n+3) {
position:relative;
margin-top: -280px;
}

.rummel-tl .tl-card, .rummel-tl .tl-new-div {
	flex-basis: 45%;
}
.rummel-tl .tl-icon {
	flex-basis: 10%;
	margin-left: 10px;
    margin-right: 10px;
	min-height: 3em;
    min-width: 3em;
	order:2;
	text-align: center;
	margin-top: 20px;
}

.rummel-tl .tl-icon img {
	border-radius: 50%;
}

.rummel-tl .tl-card {
	background: white;
	padding: 25px;
	border-radius: 2px;
	    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.05));
    filter        : drop-shadow(0px 0px 10px rgba(0,0,0,0.05));
    -ms-filter    : "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";
    filter        : "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";
}

.rummel-tl .tl-card {
	flex-direction: row;
}

.rummel-tl .tl-card-wrap:nth-child(odd) {
    flex-direction: row-reverse;
}

.rummel-tl:nth-child(even) .tl-card {
	order: 1;
}

.rummel-tl:nth-child(even) .tl-new-div {
	order: 3;
}

.rummel-tl:nth-child(odd) .tl-card {
	order: 3;
}

.rummel-tl:nth-child(odd) .tl-new-div {
	order: 1;
}

.rummel-tl .tl-card-wrap:nth-child(even) .arrow-box {
	position: relative;
	background: #;
	border: 1px solid white;
}
.rummel-tl .tl-card-wrap:nth-child(even) .arrow-box:after, .rummel-tl .tl-card-wrap:nth-child(even) .arrow-box:before {
	right: 100%;
	top: 36px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.rummel-tl .tl-card-wrap:nth-child(even) .arrow-box:after {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: white;
	border-width: 15px;
	margin-top: -15px;
}
.rummel-tl .tl-card-wrap:nth-child(even) .arrow-box:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: white;
	border-width: 16px;
	margin-top: -16px;
}

.rummel-tl .tl-card-wrap:nth-child(odd) .arrow-box {
	position: relative;
	background: #;
	border: 1px solid white;
}
.rummel-tl .tl-card-wrap:nth-child(odd) .arrow-box:after, .rummel-tl .tl-card-wrap:nth-child(odd) .arrow-box:before {
	left: 100%;
	top: 36px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.rummel-tl .tl-card-wrap:nth-child(odd) .arrow-box:after {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: white;
	border-width: 15px;
	margin-top: -15px;
}
.rummel-tl .tl-card-wrap:nth-child(odd) .arrow-box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: white;
	border-width: 16px;
	margin-top: -16px;
}

/* Mobile Vault styles */
@media (max-width: 768px) {
	
	.vault-search .search-form button {
		padding-left: 20px;
    padding-right: 20px;
	}
	.rummel-tl .tl-card-wrap:nth-child(odd) {
		flex-direction: row;
	}
	
	.rummel-tl .tl-card-wrap > div:last-of-type {
		flex-basis: 0;
	}
	
	.rummel-tl .tl-card-wrap > div:first-of-type {
		flex-basis: 90%
	}
	
	.rummel-tl .tl-card-wrap:nth-child(n+3), .rummel-tl .tl-card-wrap:nth-child(2) {
		margin-top: 20px;
	}
	
	.rummel-tl .tl-icon {
		flex-basis: 5%;
		min-width: 2em;
		margin-left: 0;
		margin-right: 15px;
	}
	
	.rummel-tl .tl-card-wrap:nth-child(odd) .arrow-box:after {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: white;
	border-width: 15px;
	margin-top: -15px;
}
.rummel-tl .tl-card-wrap:nth-child(odd) .arrow-box:before, .rummel-tl .tl-card-wrap:nth-child(odd) .arrow-box:after {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: white;
	border-width: 16px;
	margin-top: -16px;
			left: -10%;

}
	
	.tl-month {
    flex: 0 1 calc(33% - .3rem)!important;
	}

	.rummel-tl .tl-card {
		padding: 15px 15px 5px 15px;
	}
	
	.rummel-tl {
    	background-position: 5%;
	}
	
	.carousel .flickity-prev-next-button {
		    width: 110px!important;
	}
	
	.carousel .flickity-button.previous {
		background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%)!important;
	}
	
	.carousel .flickity-prev-next-button.previous {
    left: -10px!important;
}
	
	.carousel .flickity-prev-next-button.next .flickity-button-icon {
    right: 10px!important;
	}
	
	.carousel .flickity-button.next {
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%)!important;
	}
	
	#issue-article-loop {
		display: block!important;
	}
	
	.article-item h4 {
	font-size: 1.2em;
}

}


/* Some Cool Stuff */
.tl-card:nth-child(1) { order: 1; }

.tl-card:nth-child(2) { order: 14; }

.tl-card:nth-child(3) { order: 2; }

.tl-card:nth-child(4) { order: 15; }

.tl-card:nth-child(5) { order: 3; }

.tl-card:nth-child(6) { order: 16; }

.tl-card:nth-child(7) { order: 4; }

.tl-card:nth-child(8) { order: 17; }

.tl-card:nth-child(9) { order: 5; }

.tl-card:nth-child(10) { order: 18; }

.tl-card:nth-child(11) { order: 6; }

.tl-card:nth-child(12) { order: 19; }

.tl-card:nth-child(13) { order: 7; }

.tl-card:nth-child(14) { order: 20; }

.tl-card:nth-child(15) { order: 8; }

.tl-card:nth-child(16) { order: 21; }

.tl-card:nth-child(17) { order: 9; }

.tl-card:nth-child(18) { order: 22; }

.tl-card:nth-child(19) { order: 10; }

.tl-card:nth-child(20) { order: 23; }

.tl-card:nth-child(21) { order: 11; }

.tl-card:nth-child(22) { order: 24; }

.tl-card:nth-child(23) { order: 12; }

.tl-card:nth-child(24) { order: 25; }

.tl-card:nth-child(25) { order: 13; }

.tl-card:nth-child(26) { order: 26; }

/* Border Box */
/* * {
    box-sizing: border-box;
} */

/*
.rummel-tl {
    padding: 100px 0;
    background: #f7f7f7;
    border-top: 1px solid rgba(191, 191, 191, 0.4);
    border-bottom: 1px solid rgba(191, 191, 191, 0.4);
}

.rummel-tl .tl-card-wrapper {
    position: relative;
    margin: auto;
}

@media (min-width: 1000px) {
    .rummel-tl .tl-card-wrapper {
        display: flex;
        flex-flow: column wrap;
        width: 1170px;
        height: 6850px;
        margin: 0 auto;
    }
}

.rummel-tl .tl-card-wrapper::after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid rgba(191, 191, 191, 0.4);
}

@media (min-width: 1000px) {
    .rummel-tl .tl-card-wrapper::after {
        border-left: 1px solid #bdbdbd;
    }
}

.rummel-tl .tl-card {
    position: relative;
    display: block;
    margin: 10px auto 80px;
    max-width: 94%;
    z-index: 2;
}

@media (min-width: 480px) {
    .rummel-tl .tl-card {
        max-width: 60%;
        box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07);
    }
}

@media (min-width: 720px) {
    .rummel-tl .tl-card {
        max-width: 40%;
    }
}

@media (min-width: 1000px) {
    .rummel-tl .tl-card {
        max-width: 450px;
        height: 400px;
        margin: 90px;
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .rummel-tl .tl-card:nth-child(odd) {
        margin-right: 45px;
    }

    .rummel-tl .tl-card:nth-child(odd) .tl-card-head::after {
        border-left-width: 15px;
        border-left-style: solid;
        left: 100%;
    }

    .rummel-tl .tl-card:nth-child(odd) .tl-card-head::before {
        left: 491.5px;
    }

    .rummel-tl .tl-card:nth-child(even) {
        margin-left: 45px;
    }

    .rummel-tl .tl-card:nth-child(even) .tl-card-head::after {
        border-right-width: 15px;
        border-right-style: solid;
        right: 100%;
    }

    .rummel-tl .tl-card:nth-child(even) .tl-card-head::before {
        right: 489.5px;
    }

    .rummel-tl .tl-card:nth-child(2) {
        margin-top: 180px;
    }
}

.rummel-tl .tl-card .tl-card-head {
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 400;
}

.rummel-tl .tl-card .tl-card-head .number-box {
    display: inline;
    float: left;
    margin: 15px;
    padding: 10px;
    font-size: 35px;
    line-height: 35px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.17);
}

.rummel-tl .tl-card .tl-card-head h2 {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: inherit;
    letter-spacing: 2px;
    margin: 0;
    padding-bottom: 6px;
    line-height: 1rem;
}

.rummel-tl .tl-card h6 {
    font-size: 1rem;
}

@media (min-width: 480px) {
    .rummel-tl .tl-card .tl-card-head h2 {
        font-size: 165%;
        line-height: 1.2rem;
    }
}

.rummel-tl .tl-card .tl-card-head h2 span {
    display: block;
    font-size: 0.6rem;
    margin: 0;
}

@media (min-width: 480px) {
    .rummel-tl .tl-card .tl-card-head h2 span {
        font-size: 0.8rem;
    }
}
*/

.rummel-tl .tl-card .tl-issues {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: .4rem;
    background: #fff;
    border-top: 0;
}

.rummel-tl .tl-card-head h3 {
	font-weight: bold;
	    color: var(--primary);
}

.tl-month {
    flex: 0 1 calc(25% - .5rem);
    text-align: center;
}


.tl-month img {
	width: 100%;
}

.rummel-tl .tl-card .tl-issues p {
    font-size: 14px;
    line-height: 6px;
    margin-bottom: 15px;
	font-family: Mulish, sans-serif;
}

/* .rummel-tl .tl-card .tl-issues img {
    display: block;
    width: 100%;
} 

.rummel-tl .tl-card--step1 {
    background-color: #46b8e9;
}

.rummel-tl .tl-card--step1 .tl-card-head::after {
    border-color: #46b8e9;
}

.rummel-tl .tl-card--step2 {
    background-color: #3ee9d1;
}

.rummel-tl .tl-card--step2 .tl-card-head::after {
    border-color: #3ee9d1;
}

.rummel-tl .tl-card--step3 {
    background-color: #ce43eb;
}

.rummel-tl .tl-card--step3 .tl-card-head::after {
    border-color: #ce43eb;
}

.rummel-tl .tl-card--step4 {
    background-color: #4d92eb;
}

.rummel-tl .tl-card--step4 .tl-card-head::after {
    border-color: #4d92eb;
}

.rummel-tl .tl-card--step5 {
    background-color: #46b8e9;
}

.rummel-tl .tl-card--step5 .tl-card-head::after {
    border-color: #46b8e9;
}
*/


/* ==========================================
=! ANIMATION
------------------------------------------ */

/* --- do all the preload stuff --- */
@media (min-width: 768px) {
    .preload * {
        -webkit-transition: none !important;
        transition: none !important;
        -webkit-animation: none !important;
        animation: none !important;
    }
    .has-js .prep-animation,
    .has-js .prep-scroll-animation {
        visibility: hidden;
    }
    .has-js .do-animation,
    .has-js .do-scroll-animation {
        visibility: visible;
    }
}

/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 @media (min-width: 768px) {
     .fade-in-left {
         -webkit-animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
     
     .fade-in {
         -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
     
     .fade-in-bottom {
         -webkit-animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
     
     .fade-in-right {
         -webkit-animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
 }

/* --- animation fade-in-left --- */
@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-75px);
                transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-75px);
                transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}

/* --- animation fade-in --- */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* --- animation fade-in-bottom --- */
@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(75px);
                transform: translateY(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(75px);
                transform: translateY(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}  

/* --- animation fade-in-right --- */
@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(75px);
                transform: translateX(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(75px);
                transform: translateX(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
  
  
/* --- delay classes --- */
.delay-250 {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
}
.delay-500 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
.delay-750 {
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms;
}
.delay-1000 {
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}
.delay-1250 {
    -webkit-animation-delay: 1250ms;
    animation-delay: 1250ms;
}
.delay-1500 {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
}