/*
Theme Name: CBX_Stage
Description: Stage Site For CBX Company Website
Version: 1.0
Author: AT
Template: enfold
*/



/****
* = = = HEADER = = = *
****/
	/****
	- // Desktop // -
	****/
		/****
		- Nav. CTA Button -
		****/
			#top .av-menu-button > a .avia-menu-text {
			    border: 2px solid;
			    border-radius: 20px;
			}

			#top #header .av-menu-button > a .avia-menu-text {
			    text-align: center;
			    white-space: nowrap;
			}


	/****
	- // Mobile // -
	****/

		@media only screen and (max-width: 767px) {

			/****
			- Logo Size -
			****/
				.responsive .logo img {
				    height: auto !important;
				    width: 50% !important;
				    display: block;
				    max-height: 80px;
				    background: url(../images/CoolBitX_logo_white-e1532076200263.png) no-repeat;
				}


			/****
			- Header Transparency -
			****/
				#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
					  background: transparent!important;
					  position: absolute!important;
				}

		}


/****
* = = = HOME PAGE = = = *
****/

	/****
	* // Desktop // *
	****/

		/****
		- Milestone Tabs -
		****/
			.js_active .tab {
			    cursor: crosshair;
			    margin: 0 -1px 0 0;
			    display: block;
			    float: left;
			    z-index: 2;
			    position: relative;
			    padding: 15px 25px;
			    top: 1px;
			    font-size: 1.1em;
			    -webkit-touch-callout: none;
			    -webkit-user-select: none;
			    -khtml-user-select: none;
			    -moz-user-select: none;
			    -ms-user-select: none;
			    user-select: none;
			    border-style: none;
			    border-width: 0px;
			    text-align: right;
			}

			.sidebar_tab_left .active_tab.tab {
			    width: 100%;
			    border-right: 2px solid #feba12;
			}

			.sidebar_tab .tab_titles {
			    width: 15%;
			    min-width: 170px;
			    max-width: 250px;
			    float: left;
			    display: block;
			}

			.noborder_tabs.sidebar_tab_left .tab_content, .noborder_tabs.sidebar_tab_right .tab_content {
			    border: none;
			    box-shadow: none;
			    left: 0;
			    padding: 0px 0 0 30px;
			}

			div.iconbox_content{
				-webkit-box-shadow: 0px 3px 8px -1px rgba(0,0,0,0.35) !important;
			    -moz-box-shadow: 0px 3px 8px -1px rgba(0,0,0,0.35) !important;
			    box-shadow: 0px 3px 8px -1px rgba(0,0,0,0.35) !important;
			}

		/****
		- Testimonials -
		****/
			.avia-testimonial-image {
			    float: left;
			    margin: 0 20px 0 0;
			    width: 110px;
			    height: 110px;
			    border-radius: 100px;
			    overflow: hidden;
			}

	/****
	* // Mobile // *
	****/
		@media only screen and (max-width: 767px) {
			/****
			- Mobile BG -
			****/
				.mobile_bg .av-section-color-overlay {
				    opacity: 0.5 !important;
				    background-color: ;
				}

				.mobile_bg a.scroll-down-link  {
					color:#feba12 !important;
				}

			/****
			- Milestone Tabs -
			****/
				.sidebar_tab_left .active_tab.tab {
					    width: 100%;
					    border-bottom: 4px solid #feba12;
					    border-right: none;
					}
				.responsive #top .main_color .tabcontainer .active_tab {
					    background-color: #ffffff;
					    color: #000000;
					    text-align:center;
					}

					.responsive .tabcontainer .tab.fullsize-tab {
					    display: block;
					    margin-bottom: -1px;
					    text-align: center;
					}

				.noborder_tabs.sidebar_tab_left .tab_content, .noborder_tabs.sidebar_tab_right .tab_content {
					    border: none;
					    box-shadow: none;
					    left: 0;
					    padding: 10px 20px;
					}

				.responsive .tabcontainer {
					    border-width: 0px;
					    border-style: solid;
					    border-top: none;
					    overflow: hidden;
					}

			/****
			- Testimonials -
			****/

				.avia-testimonial-meta-mini {
					text-align:center;
				    font-size: 15px;
				}

				.avia-testimonial-content {
					text-align:center;
					margin: 20px 0px;
				}

			/****
			- Press -
			****/
				.mobile_2col {
					margin:6.5px !important;
					width:45% !important;
				}

				.mobile_pressheading {
					margin-top:15px;
				}

		}

/****
* = = = TEAM PAGE = = = *
****/

	/****
	— Team Member Sorting —
	****/

		#js_sort_items {font-size: 1.4em;}

		.avia-menu-fx {height: 3px;}

		#js_sort_items{text-align: center; }
		#js_sort_items a, #js_sort_items .text-sep{float:none; display:inline-block; }

	/****
	// Portfolio Grid overlay
	****/

	.grid-entry  .image-overlay {
	  display:none !important;
	}

	.grid-entry .inner-entry { pointer-events: none; }

	/****
	- Mobile Logo Change -
	****/
	@media only screen and (max-width: 767px) {
	.page-id-53 .responsive .logo img {
	    height: auto !important;
	    width: 50% !important;
	    display: block;
	    max-height: 80px;
	    content: url(../images/CoolBitX_logo.png) !important;
	    background: none !important;
	}
}