/*
 Theme Name:     Yale Non Profit Alliance - Divi Child
 Theme URI:      https://yalenonprofitalliance.org
 Description:    Yale Non Profit Alliance - Divi Child Theme
 Author:         Andrea Creative Soft Design
 Author URI:     https://andreacreative.ro
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */


h1 { font-size:45px; line-height:1.4em; }
h2 { font-size:38px; line-height:1.4em; }
h3 { font-size:30px; }
h4 { font-size:27px !important; }

@media screen and (max-width: 480px) {
	br { display:none; }
	h1 { font-size:34px !important; }
	h2 { font-size:30px !important; line-height:1.4em; }
	h3 { font-size:24px !important; }
	h4 { font-size:22px !important; }
	h5 { font-size:19px !important; }
	.et_pb_text_1 { font-size: 18px !important; }
}
.home .blue-breadcrumb, 
.page-id-12091 .blue-breadcrumb, .page-id-11794 .blue-breadcrumb, .page-id-12805 .blue-breadcrumb, .page-id-1029 .blue-breadcrumb, .page-id-12147 .blue-breadcrumb, .page-id-12805 .blue-breadcrumb, .page-id-12138 .blue-breadcrumb, .page-id-11939 .blue-breadcrumb { display:none; }
.white-breadcrumb, .white-breadcrumb a { color:#fff !important; }
.white-breadcrumb a:hover, .white-breadcrumb .breadcrumb_last { color: #B6E4FB !important; }
.wp-pagenavi a { color: #fff; background: #233A6D; padding: 5px 10px; font-size: 18px !important; }


/* ACSD - Header & Menu - style */
.et_pb_menu_0_tb_header .et_pb_menu__wrap {-webkit-box-pack: end !important;  -ms-flex-pack: end !important;  justify-content: flex-end !important; }
#menu-main-menu a { padding: 15px !important;  font-size:20px !important; font-weight:600; color:#000 !important;  }
#menu-main-menu .support-yana { margin-left:35px !important; }
#menu-main-menu .support-yana a { background: #1481C8; color: #fff !important; font-size: 19px !important; border-radius: 20px !important; margin: auto; }
#menu-main-menu .updates-button a {	background:rgb(36, 62, 114); color: #fff !important; font-size: 19px !important; border-radius: 20px !important; margin: auto;	padding: 15px !important;}

#menu-main-menu .support-yana a:hover { background:rgb(36, 62, 114) !important; }
#menu-main-menu .updates-button a:hover { background: #1481C8 !important; }


/* ACSD - Increase width of drop-down menus */
@media screen and (min-width: 981px) {
	.sub-menu {	min-width: 290px; }
	.sub-menu li a { min-width: 250px; }
	#top-menu li li a { width: 260px; padding: 4px 12px; }
}


/* ACSD - Add arrows after text links */
.et_pb_blurb_content .et_pb_module_header::after { font-family: ETmodules; content: "\35"; vertical-align: top; }
.arrow-after h2::after, .arrow-after h3::after { font-family: ETmodules; content: "\35"; vertical-align: top; }


/* ACSD - Home Calendar - Style */
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] { background-color: #2E83C4 !important; }
#tribe-bar-form .tribe-bar-submit input[type="submit"] {   background: #233A6D !important; font-size: 14px !important;
letter-spacing: 1.5px !important; }
.tribe-events-calendar th { background-color: #25467C !important; }
.entry-content thead th, .entry-content tr th { color:#fff; }
/* .tribe-events-page-title { display:none; } */
#tribe-bar-form input[type="text"] { font-weight: 900 !important; }
#tribe-bar-form label { font-size: 14px !important; }
#tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.entry-title { color:#233A6D !important; font-size: 15px !important; font-weight: 900 !important; padding-left: 8px !important; }

@media screen and (max-width: 480px) {
	.entry-content thead th, .entry-content tr { padding: 9px 0px; }
}

/* ACSD - The Board - Style */
.et_pb_team_member_description > div:nth-child(3) {
    display: none;
}


/* ACSD - Ajax Posts Grid */
.et_pb_post { margin-bottom: 20px; }

/* Ajax Filter By & Load More - Style */
.ajax-posts__filters { display:none; }
.is-expanded-filters .ajax-posts__filters { display:block; }
.ajax-posts__filters h3 { color:#000 !important; }
.js-toggle-filters { border: 0px; padding: 20px 10px; font-size: 18px; color: #233A6D; font-weight: 600; background: #fff; margin-bottom: 15px; }
.ajax-posts__show-recipes-text, .ajax-posts__hide-filters-text  { display: none; }
.ajax-posts.is-expanded-filters .ajax-posts__filter-recipes-text { display: none; }
.is-expanded-filters .ajax-posts__hide-filters-text { display:block; }
.ajax-posts__filter:hover:after, .ajax-posts__filter.is-active:after { content: '✔'; background: none; }
.ajax-posts aside, .ajax-posts__posts { width: 100%; }
.ajax-posts__filters ul { list-style: none; }
.ajax-posts__filters ul li { display: inline-block; padding: 5px 15px; background: #F6F6F6; margin: 5px; width: 175px; }

.ajax-posts__load-more { text-align: center; margin-top: 25px; }
.js-load-more { color: #fff; border-width: 0px; border-radius: 30px; font-weight: 600; background-color: #233a6d; font-size: 20px; padding: .5em 1.2em; cursor:pointer;  }

/* Ajax - Display Loop - Style */
.ajax-post { display: flex; }
.ajax-post-left, .ajax-post-right { width:50%; color:#fff; }
.page-id-1011 .even .ajax-post-left { background: linear-gradient(90deg,#233a6d 0%,#2e83c4 100%); padding:25px; }
.page-id-1011 .odd .ajax-post-right { background: linear-gradient(90deg,#233a6d 0%,#2e83c4 100%); padding:25px; }
.ajax-post-content { padding-bottom:15px; }
.ajax-post h4 { color: #fff; }
.ajax-posts__load-more { text-align: center; margin-top: 25px; }
.ajax-post a { color: #233a6d; border-width: 0px; border-radius: 30px; font-weight: 600; background-color: #fff; font-size: 20px; padding: .5em 1.2em; }
.ajax-post a::after, .normal-post-style a.ajax-post-read-more::after { font-family: ETmodules !important; font-size: 32px; line-height: 1em; content: "\35"; opacity: 0; position: absolute; margin-left: -1em; -webkit-transition: all .2s; transition: all .2s; text-transform: none; -webkit-font-feature-settings: "kern" off; font-feature-settings: "kern" off; font-variant: none; font-style: normal; font-weight: 400; text-shadow: none; }
.ajax-post a:hover { padding: .5em 1.7em .5em 1em; }
.ajax-post a:hover:after  { opacity: 1; margin-left: 0; color: #233a6d }
.ajax-posts__screen-reader-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0);   border: 0; }
.ajax-posts-message { text-align:center; }
.ajax-post img { height:100%; width: 100%;}
@media screen and (max-width: 480px) {
	.ajax-post { flex-wrap: wrap; }
	.ajax-post-left { order:2;  flex-basis: 100%; }
	.ajax-post-right { order:1;  flex-basis: 100%; text-align: center; }
	.ajax-posts__posts h3 {}
}

/* ACSD - Ajax SPINNER style */
.ajax-posts__spinner {
  clear: both;
  display: none;
  position: absolute;
  left: 50%;
  top: 70px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 10px solid red;
  -webkit-animation: ajax-posts__spinner 8s infinite linear;
  animation: ajax-posts__spinner 8s infinite linear;  
}

.ajax-posts.is-waiting .ajax-posts__spinner {
  display: block;
}
 
@-webkit-keyframes ajax-posts__spinner {
 0%, 100%{ border: solid 20px #B6E4FB; }
 6.25% { border: solid 2px #B6E4FB; }
 12.5% { border: solid 2px #52B3D9; }
 18.75% { border: solid 20px #52B3D9; }
 25% { border: solid 20px #52B3D9; }
 31.25% { border: solid 2px #52B3D9; }
 37.5% { border: solid 2px #F4D03F; }
 43.75% { border: solid 20px #F4D03F; }
 50% { border: solid 20px #F4D03F; }
 56.25% { border: solid 2px #F4D03F; }
 62.5% { border: solid 2px #D24D57; }
 68.75% { border: solid 20px #D24D57; }
 75% { border: solid 20px #D24D57; }
 81.25% { border: solid 2px #D24D57; }
 87.5% { border: solid 2px #B6E4FB; }
 93.75% { border: solid 20px #B6E4FB; }   
}

@keyframes ajax-posts__spinner {
  0%, 100%{ border: solid 20px #B6E4FB; }
  6.25% { border: solid 2px #B6E4FB; }
  12.5% { border: solid 2px #52B3D9; }
  18.75% { border: solid 20px #52B3D9; }
  25% { border: solid 20px #52B3D9; }
  31.25% { border: solid 2px #52B3D9; }
  37.5% { border: solid 2px #F4D03F; }
  43.75% { border: solid 20px #F4D03F; }
  50% { border: solid 20px #F4D03F; }
  56.25% { border: solid 2px #F4D03F; }
  62.5% { border: solid 2px #D24D57; }
  68.75% { border: solid 20px #D24D57; }
  75% { border: solid 20px #D24D57; }
  81.25% { border: solid 2px #D24D57; }
  87.5% { border: solid 2px #B6E4FB; }
  93.75% { border: solid 20px #B6E4FB; }
}


/* ACSD - Chapter - Featured Content */
.archive.category .published, .normal-post-style .post-meta  { padding: 25px 15px !important; background: #2E83C4; color: #fff; min-width:85px; display: inline-block; text-align: center; border-radius: 5px; }
.archive.category .post-meta, .normal-post-style .post-meta { min-height: 50px; margin-bottom: 15px; }
.et_pb_blog_grid .et_pb_post .entry-title { min-height: 110px; }


/* ACSD - Chapter - Upcoming Events */
.upcoming-events .et_pb_salvattore_content[data-columns]::before { content: '2 .column.size-1of4' !important; }
.upcoming-events .entry-title { min-height: 150px; }
@media only screen and ( min-width: 981px ) {
	.upcoming-events .column.size-1of4 {
	    width: 49%!important;
	    margin-right: 1%;
	}
}


/* ACSD - Normal Posts display */
.normal-post-style .entry-title { font-size: 28px  }
.normal-post-style article, .archive.category article { padding: 25px 75px; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.15); }


/* ACSD - Breadcrumbs style */
.white-breadcrumbs a { color:#fff !important; }


/* ACSD - Read more style */
.archive.category .more-link, .normal-post-style .ajax-post-read-more {  border-radius: 30px; background:#233A6D; padding:3px; margin-top:10px; width:125px; text-align:center; display: inline-block; color:#fff; }

/* ACSD - Form style */
.join-us-form .row  { display: flex; }
.join-us-form .one-col { flex: 100%; margin: 0 15px }
.join-us-form .two-col { flex: 50%; margin: 0 15px }

input, textarea, select { border: 1px solid #ccc; height: 46px; border-radius: 5px; font-size: 18px; width: 100%; margin-bottom:12px; padding:5px; }
select[multiple] { height:95px; }
.form-submit { font-size: 16px; color: #ffffff !important; background-color: #233a6d !important; border-color: #233a6d !important; float:right; width: 150px;
text-align: center; }

@media only screen and ( max-width: 981px ) {
	.join-us-form { width:100% !important; }
	.join-us-form .row  { display: block; }
}