/*
 Theme Name:     CPC Divi Child
 Theme URI:      https://allaroundcreative.com
 Description:    Divi Child Theme
 Author:         All Around Creative
 Author URI:     https://allaroundcreative.com
 Template:       Divi
 Version:        1.0.1
*/
 /* updated 11/18/2024   */
 /*
 [Table of contents]

 1. GLOBAL STYLES
 2. CONSTANT CONTACT SUBSCRIBE FORM
 3. TEAM PAGE
 4. TEAM SINGLE POST
 5. NEWS & INSIGHTS
 
 20. SEARCH RESULTS

 50. FOOTER

 100. MEDIA QUERIES
    100a. SMALL (small desktops, 600px and under)
    100b. MEDIUM DEVICES (large desktops, 981px and up)
    100c. LARGE DEVICES (large desktops, 1200px and up)
    100d. LARGE DEVICES (large desktops, 1300px and up)
------------------------------------------------------- */

/*------------------------------------------------------------------
1. GLOBAL STYLES
-------------------------------------------------------------------*/
sup {
	font-size: 35%;
	vertical-align: super;
}
/* site header */
.et_header_style_left #et-top-navigation nav>ul>li.btn>a {
	border: 1px solid #425368;
	margin-top: -10px;
	padding: 10px 15px;
}

.et_header_style_left #et-top-navigation nav>ul>li.btn>a:hover {
	background: #F4791F;
	border: 1px solid #F4791F;
	color: #ffffff;
}
/*------------------------------------------------------------------
 2. CONSTANT CONTACT SUBSCRIBE FORM
-------------------------------------------------------------------*/
.ctct-form-wrapper {
	margin: 0 auto;
	max-width: 600px;
}
.ctct-form input[type=text],
.ctct-form input[type=email], .ctct-form input[type=password], .ctct-form input[type=tel], 
.ctct-form select, 
.ctct-form textarea {
	height: 40px;
	max-width: 425px;
	width: 100%;
}
.ctct-form-wrapper .ctct-form abbr {
  text-decoration: none;
}
.ctct-form input[type="submit"] {
	background-color: transparent;
	border: 2px solid #f4791f;
  border-radius: 0px;
	color: #f4791f;
  font-size: 14px;
  font-weight: 700;
	letter-spacing: 4px;
	line-height: 1.7em;
	padding: 10px 1em;
  text-transform: uppercase;
	transition: all 300ms ease 0ms;
}
.ctct-form input[type="submit"]:hover {
	background-color: #f4791f;
	color: #fff;
}
.ctct-disclosure {
	line-height: 1.2;
}
.ctct-disclosure small {
	font-size: 0.8em;
}
/*------------------------------------------------------------------
3. TEAM PAGE
-------------------------------------------------------------------*/
/* team page */
.team .et_pb_team_member {
	cursor: pointer;
}
/* clear padding */
.team-blog-grid {
	padding: 0;
}	
/* create team 4 column template */
.team-blog-grid .et_pb_ajax_pagination_container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 60px;
}
/* style team grid item  */
.team-blog-grid .et_pb_post {
  align-self: start;
  padding: 0;
  position: relative;
}
/* change pagination from blog module grid to  absolute position */
.team-blog-grid > div > div {
  width: 100%;
  position: relative;
  bottom: 0;
  top: 0;
  /* transform: translate(0%, 150%); */
}
.team-blog-grid article a.more-link:hover {
  text-decoration: underline;
}
.team-blog-grid article a.more-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.team-blog-grid .et_pb_post .entry-featured-image-url {
  margin-bottom: 12px;
}
/* team image border */
.team-blog-grid .entry-featured-image-url img {
	border-color: #aaaaaa !important;
	border-style: solid;
    border-width: 1px;
}
/* team member post title */
.team-blog-grid .entry-title{
	color: #333 !important;
	font-size: 18px;
}
/* team member jopb title */
.job_title {
	color: #aaaaaa !important;	
	
}
/* less space between rows */
.team-blog-grid  .et_pb_post {
	margin-bottom: 0px !important;;
}

/*-------------------------------------------------
 4. TEAM SINGLE POST
-------------------------------------------------*/
.team-photo-column.et_pb_column {
  margin-bottom: 10px;
}
.team-photo-column.et_pb_column .et_pb_module {
  margin-bottom: 5px;
}
.team-photo-column .team-photo,
.team-photo-column .team-name,
.team-photo-column .team-position {
  flex: none;
  width: 100%;
}
.team-photo-column .team-photo img {
  border: 1px solid #aaaaaa;
  max-width: 300px;
}
.team-photo-column .team-icon {
  float: left;
}
.team-photo-column .team-icon.linkedin {
  margin-top: 3px;
}
/*-------------------------------------------------
5. NEWS & INSIGHTS
-------------------------------------------------*/
/* news & insights */
.et_pb_blog_grid_wrapper article.news_insight {
  min-height: 625px;
}
.tax-news_category #left-area {
	padding-bottom: 75px;
}
.tax-news_category article {
	margin-bottom: 75px;
}
.tax-news_category .entry-featured-image-url img {
	border: 1px solid #aaaaaa;
	margin-bottom: 10px;
}

/* Blog Cards */
.blog-cards.et_pb_blog_grid .et_pb_post {
	border: none;
  height: 100%;
	padding: 0;
}
.blog-cards article.et_pb_post {
    box-shadow: 0px 15px 60px 0px rgba(29, 61, 71, 0.2);
}
.blog-cards.et_pb_blog_grid .et_pb_image_container img {
	border: 1px solid #aaaaaa;
}
.blog-cards .post-content_cont {
	padding: 19px;
}
.blog-cards .et_pb_post .post-meta {
	font-size: 16px;
}
.blog-cards .et_pb_post .post-meta,
.blog-cards .et_pb_post .post-meta a {
	color: #9a9a9a;
}
/*------------------------------------------------------------------
 20. SEARCH RESULTS
-------------------------------------------------------------------*/
.search-results article {
	margin-bottom: 50px;
}

/*------------------------------------------------------------------
 50. FOOTER
-------------------------------------------------------------------*/
#footer-widgets .footer-widget ul li {
	margin-bottom: 0;
	padding-left: 0;
}
#footer-widgets .footer-widget ul li:before {
	content: none;
}
#footer-info {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.copyright-menu a:first-of-type {
	margin-right: 15px;
}
#footer-bottom .copyright-menu {
  display: flex;
  justify-content: center;
}
#footer-bottom .copyright-menu a:last-of-type {
  margin-right: 0;
}
.et-social-linkedin a.icon:before { 
	content: '\e09d'; 
}


/*------------------------------------------------------------------
100. MEDIA QUERIES
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
100a. SMALL (small desktops, 600px and under)
-------------------------------------------------------------------*/
@media (max-width: 600px) {
/*------------------------------------------------------------------
 50. FOOTER
-------------------------------------------------------------------*/  
  #footer-info {
    flex-direction: column;
  }
} 
/*------------------------------------------------------------------
100b. MEDIUM DEVICES (large desktops, 981px and up)
-------------------------------------------------------------------*/
@media (min-width: 981px) {
/*------------------------------------------------------------------
3. TEAM PAGE
-------------------------------------------------------------------*/
  .team-blog-grid .et_pb_ajax_pagination_container {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 45px;
  }
}
/*------------------------------------------------------------------
100c. LARGE DEVICES (large desktops, 1200px and up)
-------------------------------------------------------------------*/
@media (min-width: 1200px) {
/*------------------------------------------------------------------
3. TEAM PAGE
-------------------------------------------------------------------*/
  .team-blog-grid .et_pb_ajax_pagination_container {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 60px;
  }
}
/*------------------------------------------------------------------
100d. LARGE DEVICES (large desktops, 1300px and up)
-------------------------------------------------------------------*/
@media (min-width: 1300px) {
/*------------------------------------------------------------------
3. TEAM PAGE
-------------------------------------------------------------------*/
  .team-blog-grid .et_pb_ajax_pagination_container {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
