/**
 * Theme Name: San Francisco Child
 * Template: sanfran
 * Version: 1.0
 * Description: Responsive WordPress Theme Tailored for Technology and Creative Websites
 * Author: Ninzio
 **/


header .sanfran-container {
    width: auto !important;
    margin: 0 auto !important;
    max-width: 77% !important;
}

/*max-width: 96% !important;*/
.site-header-inner, .site-header-inner .wrap-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#site-logo {
    transition: all ease 0.3s;
    flex-grow: 1;
    flex-grow: 0;
}


.main-logo-2 {
    margin-left: 30px;
}

.main-logo-2 img {
    max-width: 96px;
}

.projects-div{
	 background: white !important;
}

.info-list li {
    line-height: 30px !important;
    margin-bottom: 10px;
    font-size: 20px;
}


button:before{
	background-color: transparent !important;
}

.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper {
    margin-bottom: var(--tec-spacer-2);
    width: 206px;
    pointer-events: none !important;
}

.ect-list-post {
    width: 100%;
    height: 100%;
    min-height: 200px;
    box-sizing: border-box;
    word-break: break-word;
    display: flex;
    margin: 15px auto;
    border: 1px solid #00000020;
    border-radius: 15px;
    padding: 0px !important;
    gap: 15px;
}

.ect-list-post.style-1 .ect-list-date, .ect-list-post.style-1 .ect-list-img
 {
    min-height: 200px;
    border-radius: 7px;
    padding: 0 !important;
}

#event-timeline-wrapper .ect-timeline-post.ect-simple-event .timeline-content .even{
    border: 1px solid;
    border-color: #5bbd8a;
    padding: 0 !important;
    width:24vw;
}

.ect-lslist-event-detail{
	    padding: 20px;
}

.ect-timeline-post .ect-event-content {
    margin: 0;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    line-height: normal;
    padding: 0 20px !important;
}

#footer {
    background-color: #393186 !important;
    color: #ffffff;
    padding: 95px 0 60px;
    border-style: solid;
    position: relative;
}

#bottom {
    color: #6d6c6c;
    height: 70px;
    background-color: #ffffff !important;
    position: relative;
}

#event-timeline-wrapper .ect-timeline-year {
    background: #42a371;
    background: radial-gradient(circle farthest-side, #5bbd8a, #009746) !important;
}


#event-timeline-wrapper .ect-timeline-post .timeline-dots {
    background: #009746 !important;
}

#event-timeline-wrapper .ect-timeline-post.ect-simple-event .ect-date-area.timeline-view-schedule {
    background: #42a371 !important;
    color: #fff;
}

#event-timeline-wrapper .ect-timeline-post.style-1.ect-simple-event .ect-lslist-event-detail a:hover {
    background: #42a371 !important;
    color: #fff;
}

.parallax-wrap .canvas-item{display: none !important;}

.deeper-button {
    background-color: #393186 !important;
    color: #fff;
}



#event-timeline-wrapper{
    font-family: "Inter", sans-serif;
}




.cool-event-timeline .odd .ect-timeline-post{
    width: 52vw !important;
}

.cool-event-timeline .even .ect-timeline-post{
    width: 26vw !important;
}


#event-timeline-wrapper .ect-timeline-post.ect-simple-event .timeline-content {
    border: 1px solid;
    border-color: #5bbd8a;
    padding: 0 !important;
}

#event-timeline-wrapper *{
    
    font-family: "Inter", sans-serif !important;
}

.ect-timeline-main-content .content-title *,.ect-timeline-main-content .ect-event-content *,.ect-timeline-main-content .timeline-view-venue *{
    color: #748494 !important;
}

#featured-title .title-group {
    display: table-cell;
    margin: 0;
    text-align: left;
    vertical-align: middle;
	width: 100%;
}


#featured-title #breadcrumbs {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    text-transform: uppercase;
    padding-left: 2px;
}

#footer .widget.widget_nav_menu ul li a{
	    color: #ffffff;
}

.footer-lg {
    padding: 10px;
    background: white;
    border-radius: 10px;
}

#footer-widgets h2{
	color:white;
}


#footer a {
    font-size: 16px;
    color: #ffffff !important;
}

.info-list .fa{
	    color: white !important;
}

#footer-widgets .widget.widget_socials .socials a {
	background-color: transparent !important;}

#bottom #copyright {
    color: #ffffff !important;
    font-size: 13px;
    opacity: 0.7;
    letter-spacing: 0.25px;
}

#bottom {
    color: #ffffff !important;
    height: 70px;
    background-color: #393186 !important;
    position: relative;
}

.blue-border {
    border: 2px solid #393186;
    margin-top: 60px;
    margin-bottom: 60px !important;
	padding: 20px !important;
}


.deeper-special-text .line {
	background-color: #393186 !important;}

#featured-title #breadcrumbs .breadcrumbs-inner {
    z-index: 1;
    position: relative;
    display: inline-block;
    padding: 10px 0;
    padding-top: 20px;
}

@media only screen and (min-width: 992px) {
    #featured-title .inner-wrap {
        padding: 72px 0;
    }
    .footer-grid .col:nth-child(3) {
    padding-left: 40px !important; /* Adjust as needed */
}
}


@media only screen and (min-width: 1023px) {
    #main-nav .sub-menu {
	width: 400px;
	}
	
	nav .arrow {
    position: absolute;
    top: 10px;
    right: 20px;
    display: none;
}
}


@media screen and (min-device-width: 100px) and (max-device-width: 767px) { 
   .blue-border {
    border: 0px solid #393186;
    margin-top: 0px;
    margin-bottom: 0px !important;
    padding: 10px !important;
}
	
	nav .arrow::after{
		display:none ;
	}
}


/*added urgent*/
.main-logo-2 {
    margin-left: 30px;
    display: none;
}


#site-logo-inner {
    margin-right: 30px;
    transition: all ease 0.3s;
    margin-top: 10px;
}

#site-logo-inner .main-logo img{
    height: 50px !important;
}

.site-header-inner, .site-header-inner .wrap-inner {
    position: relative;
    display: flex
;
    align-items: center;
    justify-content: start;
}

@media (min-width: 1600px) {
  /* Your styles for large screens go here */
.site-header-inner, .site-header-inner .wrap-inner {
    position: relative;
    display: flex
;
    align-items: center;
    justify-content: space-around !important ;
}
}




@media screen and (min-device-width: 1px) and (max-device-width: 991px) { 
    
    .site-header-inner, .site-header-inner .wrap-inner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between !important ;
    }

}

@media screen and (min-device-width: 991px) and (max-device-width: 1240px) { 

header .sanfran-container {
    width: auto !important;
    margin: 0 auto !important;
    max-width: 97% !important;
}

#main-nav > ul > li > a > span {
    /*padding: 18px 4px !important;*/
}

.site-header-inner, .site-header-inner .wrap-inner {
    position: relative;
    display: flex
;
    align-items: center;
    justify-content: space-around !important ;
}

}


@media screen and (min-device-width: 1241px) and (max-device-width: 1387px) { 

header .sanfran-container {
    width: auto !important;
    margin: 0 auto !important;
    max-width: 90% !important;
}

.site-header-inner, .site-header-inner .wrap-inner {
    position: relative;
    display: flex
;
    align-items: center;
    justify-content: space-around !important ;
}
}



#main-nav > ul > li > a > span {
    font-size: 15px;
    color: #212529;
    font-weight: 500;
    padding: 18px 12px;}


#main-nav .selector {
	display: none;}
	
	.arrow::after {
    position: absolute;
    top: 0px;
    right: 0px;
    content: "";
    font-family: "Core Icon";
}

    .card-overlay .arrow:hover::after {
    animation: 0.6s ease;
    color:white;
    
    /*animation: 0.6s ease 0s 1 normal none running arrowMoving;*/
}


.arrow:hover{
    color:white;
}

.arrow{
    position: absolute;
    top: 10px;
    right: 20px;
  
}

.dflex{
    display: flex;
    justify-content: center;
}

.tribe-events-back, #tribe-events-footer{
    display:none !important;
}

.tribe-events-pg-template .tribe-events-single-event-title{
    display:none !important;
}

.tribe-events-c-subscribe-dropdown__button{
    color: #009746 !important;
    border: 2px solid #009746 !important;
    background: white !important;
}

.tribe-events-event-meta a, .tribe-events-event-meta a {
        color: #009746 !important;
        pointer-events: none !important;
}

a {
    color: #393186;
    outline: 0;
    text-decoration: none;
    transition: all ease 0.3s;
    word-break: break-all;
}