/*
Theme Name: CCBT
Description: Website designed and developed by Shanda Peterson. 
Version: 3.1.3
Author: Shanda Peterson
Author URI: http://www.shandapeterson.com
License: Themeforest Split Licence
License URI: -
Theme URI: www.kriesi.at/themes/enfold/
Template: enfold
*/


/*
* PLEASE DO NOT EDIT THIS FILE!
* 
* This file is only in your themefolder for WordPress to recognize basic theme data like name and version
* CSS Rules in this file will not be used by the theme. 
* Instead use the custom.css file that is located in your themes /css/ folder to add your styles. 
* You can copy a style rule from any of your css files and paste it in custom.css and
* it will override the original style. If you just want to add small css snippets you might also
* want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->Styling
*/




/* Social Icon Styles
---------------------------------------------------------------------- */
#top .social_icons {
	width:100%;
	margin:0 auto;
	text-align:center;
}

#top .social_bookmarks {
    float: none;
    margin: 0px 0 0 0px;

    position: relative;
}

#top .social_bookmarks span {
    border-radius: 300px;
    border: none;
    overflow: hidden;
    top: 5px;
    position: relative;
	float:;
	margin-left:11px;
	margin-right:11px;
	

	
}
#top .social_bookmarks span:first-child {
	margin-left:0px;
}
#top .social_bookmarks span a {
	display:inline-block;
	width: 40px;
	height:40px;
	line-height:40px;
	text-align:center;
	 border-radius: 300px;
	 text-decoration:none;
	 background-color:#fff!important;
	color:#0A103C;
	 	
}

#top .social_bookmarks .avia_hidden_link_text {
	display:block;
	overflow:visible;
	float:left;
}


#top #wrap_all .av-social-link-rss:hover	   	 a{color:#fff; background-color:#ffa133!important; }
#top #wrap_all .av-social-link-facebook:hover  a{color:#fff; background-color:#37589b!important; }
#top #wrap_all .av-social-link-twitter:hover   a{color:#fff; background-color:#46d4fe!important; }
#top #wrap_all .av-social-link-mail:hover      a{color:#fff; background-color:#9fae37!important; }
#top #wrap_all .av-social-link-dribbble:hover  a{color:#fff; background-color:#e44885!important; }
#top #wrap_all .av-social-link-linkedin:hover  a{color:#fff; background-color:#419cca!important; }
#top #wrap_all .av-social-link-search:hover    a{color:#fff; background-color:#222222!important; }
#top #wrap_all .av-social-link-gplus:hover     a{color:#fff; background-color:#de5a49!important; }
#top #wrap_all .av-social-link-behance:hover   a{color:#fff; background-color:#008cfa!important; }
#top #wrap_all .av-social-link-flickr:hover    a{color:#fff; background-color:#ff0086!important; }
#top #wrap_all .av-social-link-forrst:hover    a{color:#fff; background-color:#234317!important; }
#top #wrap_all .av-social-link-myspace:hover   a{color:#fff; background-color:#000000!important; }
#top #wrap_all .av-social-link-tumblr:hover    a{color:#fff; background-color:#345574!important; }
#top #wrap_all .av-social-link-vimeo:hover     a{color:#fff; background-color:#31baff!important; }
#top #wrap_all .av-social-link-youtube:hover   a{color:#fff; background-color:#a72b1d!important; }
#top #wrap_all .av-social-link-pinterest:hover a{color:#fff; background-color:#cb2027!important; }
#top #wrap_all .av-social-link-skype:hover 	   a{color:#fff; background-color:#12a5f4!important; }
#top #wrap_all .av-social-link-instagram:hover a{color:#fff; background-color:#a67658!important; }
#top #wrap_all .av-social-link-five_100_px:hover a{color:#fff; background-color:#222222!important; }
#top #wrap_all .av-social-link-soundcloud:hover  a{color:#fff; background-color:#F76700!important; }
#top #wrap_all .av-social-link-xing:hover 	     a{color:#fff; background-color:#006567!important; }
#top #wrap_all .av-social-link-vk:hover 	   	 a{color:#fff; background-color:#597BA5!important; }
#top #wrap_all .av-social-link-reddit:hover 	 a{color:#fff; background-color:#FF4500!important; }

/* Typography
---------------------------------------------------------------------- */

strong, .main_color strong, b, .main_color b, #top strong {
	color:inherit;
}

.av-subheading.av_custom_color {
	opacity:1.0;
}

.bw-modelica > * {
	font-family: "bwmodelica-regular", "HelveticaNeue", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}

.color-inherit a {
	color:inherit;
	text-decoration:underline;
}

/* Buttons
---------------------------------------------------------------------- */
.fullbtn .avia-button {
	width:100%;
}

/* 6 Columns
---------------------------------------------------------------------- */

.col-6 .column-top-margin { margin-top: 0px !important; }
.col-6 div .av_one_fifth { width: 16.6%!important; margin-left: 0%; min-height:130px; float: none; display: table-cell; }
.col-6 .first { margin-left: 0!important; clear: none; }
.col-6 .el_after_av_one_fifth { margin-left: 0%!important; }


/* Section Spacing
---------------------------------------------------------------------- */
.avia-section-default .content, .avia-section-default .sidebar {

    padding-top: 70px;
    padding-bottom: 70px;

}


/* Column Spacer
---------------------------------------------------------------------- */
#top .av-flex-placeholder {
	width:3%;
}



/* Header
---------------------------------------------------------------------- */


.pagetitle h1{	
  text-shadow: 0px 0px 16px rgba(66, 45, 100, 0.56);
 
}

#top .av-menu-button > a .avia-menu-text {
	border-radius:0;
}

 .main_menu .av-menu-button-colored .avia-menu-text:after {
         content: "";
         position: absolute;
         top: 64px;
         left: 30%;
         margin-left: -10px;
         border-width: 7px;
         border-style: solid;
         border-color: #ea8416 transparent transparent transparent;
		 background:transparent!important;
      }

#header .sub_menu {
	position:absolute;
	right:50px;
	}

#header .sub_menu .avia_wpml_language_switch {
	  /*padding-top:9px!important;*/
  }
  
 

#topbarsearch {
	 display:none;
}
	/* Activate burger menu */
 @media only screen and (max-width: 1250px) {
#top #header .av-main-nav > li.menu-item  {
    display: none!important;
}
#top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
}}
	
	
@media only screen and (max-width: 1050px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
  
  .responsive #top .av_mobile_menu_tablet .av-main-nav #menu-item-search.menu-item-avia-special{
	  display:none;
  }
  
  #topbarsearch {
	 display:inline-block;
}
	

}

#topbarsearch {
	width: 25px;
	float: left;
	margin: 0;
	height: 30px;
	position: relative;
	line-height: 30px;
	
}

#top ul.avia_wpml_language_switch li {
	line-height:36px;
}
/* Footer
---------------------------------------------------------------------- */

#footer, #socket {
	background-color:#38353f;
}

#top #wrap_all .all_colors #footer p {
	font-size:14px;
	
}

#top #wrap_all .all_colors #footer h3.widgettitle {
	font-size:14px;
	text-transform:uppercase;
	font-family: "bwmodelica-regular", "HelveticaNeue", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
	font-weight:700;
}


#top #socket {
	border-top:0px;
}

#top #socket .container {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color:#46434e;
	padding-top:30px;
}

#top #socket .copyright {
	position:relative;
	display:block;
	text-align:center;
	float:none;
}

/* Home Page
---------------------------------------------------------------------- */

#top .boxes .av-flex-placeholder {
	width:3%;
}

.our-mission .container {
	margin-bottom:50px;
}

.mission-box {
  background-color: rgba(255, 255, 255, 0.102);
}



/* Network Page
---------------------------------------------------------------------- */

#top .project-videos .av-flex-placeholder {
	width:3%;
}

#top .membership-header {
	
  border-bottom-left-radius: 50% 10%;
  border-bottom-right-radius: 50% 10%;

}

.membership-boxes  .membership-header {
	padding:30px 25px!important;
}

.membership-boxes .membership-text {
	padding:15px 35px 0px;
}

.membership-boxes .membership-list {
	padding:10px 35px 35px;
	margin-top:0px;
}

.membership-boxes .membership-list .av_iconlist_title {
	font-weight:bold;
}

#top .bronze {
	background-color:#a16c42;
	
}

#top .bronze .av-subheading {
	color:#c19c7e;
}


#top .silver {
	background-color:#8b97a6;
}

#top .silver .av-subheading {
	color:#666f7b;
}


#top .gold {
	background-color:#b88b36;
}

#top .gold .av-subheading {
	color:#e2c285;
}



/* Curriculum Page
---------------------------------------------------------------------- */
.head-icon h4 {
	line-height:50px;
}

.head-icon h4::before {
	content: url(/wp-content/uploads/2020/07/head-icon-updated.png);
	vertical-align: -25%;
	padding: 0 20px 0 0;

	
}

.heart-icon h4::before {
	content: url(/wp-content/uploads/2019/07/heart-icon.png);
	vertical-align: -60%;
	padding: 0 20px 0 0;
}

.hand-icon h4::before {
	content: url(/wp-content/uploads/2020/07/hand-icon-updated.png);
	vertical-align: -70%;
	padding: 0 20px 0 0;
}

.col-6  .container {
	padding:0px;
}
#disciple-cycle.col-6 .arrow_box > * {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out;
}

#disciple-cycle.col-6 .arrow_box:hover > *, #disciple-cycle.col-6 .arrow_box.active-arrow > * {
	-webkit-transform: scale(1.05,1.05);
	-moz-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out;
}
#disciple-cycle.col-6 .arrow_box.explore {
	
	z-index:6;
}
#disciple-cycle.col-6 .arrow_box.discover {
	z-index:5;
}

#disciple-cycle.col-6 .arrow_box.redeem {
	z-index:4;
}
#disciple-cycle.col-6 .arrow_box.grow {
	z-index:3;
}
#disciple-cycle.col-6 .arrow_box.lead {
	z-index:2;
}

#disciple-cycle.col-6 .arrow_box.go {
	z-index:1;
}

.arrow_box-wrap {
	position: relative;
	padding:30px 0px 30px 50px;
	height:190px;
}
.arrow_box-wrap:after {
	left: 100%;
	top: 50%;
	border: 0;
	content: " ";
	position: absolute;
	pointer-events: none;
    margin-top: -95px;
	width:40px;
	height:190px;
	background-size:cover;
	background-position:right center;
	background-repeat:no-repeat;
}

.explore .arrow_box-wrap {
	background: #422d64;
	padding:30px 0px 30px 20px;
	border-color: #422d64;
}
.explore .arrow_box-wrap:after {
	border-left-color: #422d64;
	border-width:0;
	background-image: url("/wp-content/uploads/2020/05/explore.png");
	
}


.discover .arrow_box-wrap {
	background: #293fa8;
	border-color: #422d64;
	
}
.discover .arrow_box-wrap:after {
	border-left-color: #293fa8;
	background-image: url("/wp-content/uploads/2020/05/discover.png");
}

.redeem .arrow_box-wrap {
	background: #4867d8;
	
	
}
.redeem .arrow_box-wrap:after {
	border-left-color: #4867d8;
	background-image: url("/wp-content/uploads/2020/05/redeem.png");
}


.grow .arrow_box-wrap {
	background: #1baf48;
	
}
.grow .arrow_box-wrap:after {
	border-left-color: #1baf48;
	background-image: url("/wp-content/uploads/2020/05/grow.png");
}

.lead .arrow_box-wrap {
	background: #bc9c17;
	
}
.lead .arrow_box-wrap:after {
	border-left-color: #bc9c17;
	background-image: url("/wp-content/uploads/2020/06/lead-img.png");
}

.go .arrow_box-wrap {
	background: #d87512;
	padding:30px 30px 30px 50px;
	
}
.go .arrow_box-wrap:after {
	width:0;
}



/* Wisdom Process
---------------------------------------------------------------------- */
#top #wrap_all .all_colors #wisdom-process .avia-timeline-vertical h2.av-milestone-date {
	text-align:left;
	font-size:28px!important;
}

#wisdom-process .avia-timeline-vertical .av-milestone-date > strong::first-letter {
	color:#241144;
}

#wisdom-process-list .avia-icon-list .iconlist_title::first-letter {
	color:#241144;
}



/* Grid Breakpoints
---------------------------------------------------------------------- */
/* large screens with 1140px with */
@media only screen and (min-width: 1140px) {
	

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) { 

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}



/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {

}
/*
Tablet Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Tablet Portrait view */

@media only screen and (max-width: 1024px) {
	.col-6 div .av_one_fifth {
		width:100%!important;
		display: block;
		background-image:none!important;
		margin-bottom:0px!important;
		
	}
	.arrow_box-wrap:after {
	bottom: 0%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 45, 100, 0);
	border-top-color: inherit;
	border-width: 20px;
	margin-left: -20px;
	}

	  .discover .arrow_box-wrap {
		  border-top-color: #422d64;
	  }
	  
	  .redeem .arrow_box-wrap {
		  border-top-color: #293fa8;
	  }
	  
	  .grow .arrow_box-wrap {
		  border-top-color: #4867d8;
	  }
	  
	  .lead .arrow_box-wrap {
		  border-top-color: #1baf48;
	  }
	  
	  .go .arrow_box-wrap {
		  border-top-color: #bc9c17;
	  }
}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait)  {
  /* Add your Mobile Styles here */
    
	.col-6 div .av_one_fifth {
		width:100%!important;
		display: block;
		background-image:none!important;
		margin-bottom:0px!important;
		
	}
	.arrow_box-wrap:after {
	bottom: 0%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 45, 100, 0);
	border-top-color: inherit;
	border-width: 20px;
	margin-left: -20px;
	}

	  .discover .arrow_box-wrap {
		  border-top-color: #422d64;
	  }
	  
	  .redeem .arrow_box-wrap {
		  border-top-color: #293fa8;
	  }
	  
	  .grow .arrow_box-wrap {
		  border-top-color: #4867d8;
	  }
	  
	  .lead .arrow_box-wrap {
		  border-top-color: #1baf48;
	  }
	  
	  .go .arrow_box-wrap {
		  border-top-color: #bc9c17;
	  }
	  
	  
  }
  
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)  {
	  .col-6 div .av_one_fifth p {
		  font-size:0.85em!important;
		  line-height:1.5em!important;
	  }
	  
  }
  
  
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
	.col-6 div .av_one_fifth {
		width:100%!important;
		display: block;
		background-image:none!important;
	}
	
	
	.arrow_box-wrap, .explore .arrow_box-wrap  {
		max-height:165px;
		padding:30px 30px 30px 30px;
		height:auto;
	}
	
	  
	.col-6 div .av_one_fifth {
		width:100%!important;
		display: block;
		background-image:none!important;
		margin-bottom:0px!important;
		
	}
	.arrow_box-wrap:after {
	top: -0;
	bottom:0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 45, 100, 0);
	border-top-color: inherit;
	border-width: 20px;
	    margin-top: 0;
    margin-left: -20px;
}
	}

	  .discover .arrow_box-wrap {
		  border-top-color: #422d64;
	  }
	  
	  .redeem .arrow_box-wrap {
		  border-top-color: #293fa8;
	  }
	  
	  .grow .arrow_box-wrap {
		  border-top-color: #4867d8;
	  }
	  
	  .lead .arrow_box-wrap {
		  border-top-color: #1baf48;
	  }
	  
	  .go .arrow_box-wrap {
		  border-top-color: #bc9c17;
	
	}
	
	.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:right;  text-align: center; margin:0 auto; position: static; width:auto;}
	

	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
		    
	.col-6 div .av_one_fifth {
		width:100%!important;
		display: block;
		background-image:none!important;
	}
	
	
	.arrow_box-wrap, .explore .arrow_box-wrap  {
		max-height:165px;
		padding:30px 30px 30px 30px;
		height:auto;
	}
	
	  
	.col-6 div .av_one_fifth {
		width:100%!important;
		display: block;
		background-image:none!important;
		margin-bottom:0px!important;
		
	}
	.arrow_box-wrap:after {
	top: -0;
	bottom:0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 45, 100, 0);
	border-top-color: inherit;
	border-width: 20px;
	    margin-top: 0;
    margin-left: -20px;
}
	}

	  .discover .arrow_box-wrap {
		  border-top-color: #422d64;
	  }
	  
	  .redeem .arrow_box-wrap {
		  border-top-color: #293fa8;
	  }
	  
	  .grow .arrow_box-wrap {
		  border-top-color: #4867d8;
	  }
	  
	  .lead .arrow_box-wrap {
		  border-top-color: #1baf48;
	  }
	  
	  .go .arrow_box-wrap {
		  border-top-color: #bc9c17;
	
	}
	
	

	
}




/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (orientation: portrait) { 
  .responsive .col-6 div .av_one_fifth, .responsive #top #wrap_all .col-6 div .av_one_fifth.flex_column.av-break-at-tablet {
		width:100%!important;
		display: block;
		background-image:none!important;
	}
	
	.arrow_box-wrap:after {
	top: -0;
	bottom:0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 45, 100, 0);
	border-top-color: inherit;
	border-width: 20px;
	    margin-top: 0;
    margin-left: -20px;
}


	
}

