/*
Theme Name: Avalon
Theme URI: http://montereypremier.com/
Description: A Premium Child Theme by Andrea Walker and Monterey Premier
Author: Andrea Walker and Geno Quiroz
Author URI: http://montereypremier.com/
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Light, Custom, Divi, PageBuilder, Monterey Premier, Divi Child Themes
*/

@import url('../Divi/style.css');

/*======================= TABLE OF CONTENTS ================================
      
      	1. GENERAL
      	2. HEADER
      	3. FOOTER
      	4. SIDEBAR
      	5. BLOG
      	6. VIDEO SECTION
		7. TEAM IMAGE ANIMATION
		8. MISC.	
     
============================================================================*/

 
/*------------------------------------------------*/
/*-----------------[1. GENERAL]-------------------*/
/*------------------------------------------------*/
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */


/*------------------------------------------------*/
/*-----------------[2. HEADER]--------------------*/
/*------------------------------------------------*/

/* load header first */
	@media only screen and (min-width: 981px){
		.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_only_menu.admin-bar #main-header, .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header {top:80px !important;}
		#main-header{top:48px !important;}
		.logged-in #top-header {top: 0px;}
  		.logged-in #main-header {top:48px !important;}}


/* top menu */
	#top-header {z-index: 99999; }


/* top menu font icons */
	.fa {
    		font-size: 30px !important;
    		margin-right: 10px !important;}

/* top menu items */
	.follow {
		padding: 5px 11px;
		border-radius: 5px;}
	#et-secondary-nav a i.fa {
		position: relative;
		top: 7px;}

/* logo */
	@media only screen and (min-width : 981px) {
	#logo {
    		max-height: 150%!important;
    		margin-top: -55px;
    		z-index: 100000;}}

/* main menu */
	#et-top-navigation {padding-left: 0px !important;}
	.et_header_style_left #et-top-navigation nav > ul > li > a {
    		padding-bottom: 9px!important;
    		padding-top: 3px;}

/* main header shadow adjustment */
	#main-header.et-fixed-header {
    		-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1) !important;
    		-moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1) !important;
    		box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1) !important;}

/* expanding top border on hover */
	.et_header_style_left #et-top-navigation nav > ul > li > a{padding-bottom: 15px;}
	.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a{padding-bottom: 8px;}

	#top-menu-nav > ul > li > a {
		display: inline-block;
		position: relative;
		padding-bottom: 0px;}

	#top-menu-nav > ul > li > a:hover {
		opacity:1;}

	#top-menu-nav > ul > li > a:after {
		content: '';
    		display: block;
    		margin: auto;
    		margin-top: 9px;
    		height: 2px;
    		width: 0px;
    		background: transparent;
    		transition: width .5s ease, background-color .5s ease;}

	#top-menu-nav > ul > li > a:hover:after {
		width: 100%;
		background: #79c8cc;}


/* expanding top border on active menu link */
	#top-menu li.current-menu-item > a:after {
    		content: '';
    		display: block;
    		margin: auto;
    		margin-top: 9px;
    		height: 2px;
    		width: 100%;
    		background: #79c8cc;
    		transition: width .5s ease, background-color .5s ease;}

/* remove carrot from menu with drop down */
	#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {padding-right: 0px;}
	#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
    		top: inherit;
    		right: inherit;
    		font-family: "";
    		content: "";}
	#top-menu li li.current-menu-item > a:after {margin-top: 5px;}
	


/* shrink menu on smaller viewports */
	@media only screen and (max-width : 1375px) {
		.container.clearfix.et_menu_container, #top-header .container.clearfix {
    		max-width: 100%!important;
    		width: 98%!important;}}

	@media only screen and (max-width : 1130px) {
		#logo {max-height: 93%!important;}}


/* mobile menu button with icon */
	@media only screen and (max-width : 980px) {	
		#et_top_search {display: none;}
		#et_mobile_nav_menu {margin-top:-15px;}
  		.mobile_menu_bar:before {
    			background-color: #142a41;
    			padding: 2px 0px 2px 2px;
    			top: 9px;
    			color: #fff!important;}
  		.mobile_menu_bar::after {
    			font-family: Arial;
    			content: "MENU";
    			position: relative;
    			padding: 10px 20px 10px 5px;
    			background-color: #142a41;
    			color: #FFFFFF!important;
			cursor: pointer;}}


/* keep top header visible on mobile */
	@media (max-width: 980px) { 
		div#top-header {
			display: block !important;
			position: relative;}
		#et-secondary-nav, #et-secondary-menu {
			display: block !important;}
		.et_secondary_nav_only_menu #main-header {
			top: 50px !important;}
		.follow {display:none;}}

/* hide items in the mobile dropdown menu */
  	#mobile_menu .menu-hide-drop {
     		display: none!important;}


/*------------------------------------------------*/
/*-----------------[3. Footer]--------------------*/
/*------------------------------------------------*/


/* social share module */
	.gq-footer-social a.follow_button {
    		padding: 0px 11px!important;
    		text-transform: uppercase;}

/* subscribe module */
	.gq-footer-subscribe .et_pb_newsletter_form p:nth-child(2) {display: inline-block; margin-right:2%; padding: 0px; padding-bottom:10px; width: 49%;}
	.gq-footer-subscribe .et_pb_newsletter_form p:nth-child(3) {display: none;}
	.gq-footer-subscribe .et_pb_newsletter_form p:nth-child(4) {display: inline-block; padding: 0px; padding-bottom:10px; width: 49%; float:right;}
	.gq-footer-subscribe .et_pb_newsletter_form p:nth-child(5) {display:block; float:right;}

  
/*------------------------------------------------*/
/*-----------------[4. SIDEBAR]-------------------*/
/*------------------------------------------------*/

/* widget title padding */
	.widgettitle {
    		padding: 7px 0px 9px 5px;
    		border-radius: 3px;
    		font-size: 15px;
		margin-left: -7px;}

/* removes divider on post pages*/
	.container::before {display:none;}

/* removes divider in sidebar modules */
	.et_pb_widget_area_left {border-right: 0px solid rgba(0, 0, 0, 0);padding-right: 0px;}
	.et_pb_widget_area_right {border-left: 0px solid rgba(0,0,0,0); padding-right: 0px;}



/*------------------------------------------------*/
/*------------------[5. BLOG ]--------------------*/
/*------------------------------------------------*/

/* meta customizations */
	.show_category a {font-weight:bold !important;}
	.hide_category .separator2 , .hide_category .category_handle {display:none !important;}
	.show_category .author , .show_category .separator1 , .show_category .published , .show_category .separator2 , .show_category .separator3 , .show_category .comment_handle {display:none !important;}


/*feature thumbnails alongside post titles on blog page*/
 
    	.archive .et_pb_post a img,
	.search .et_pb_post a img,
	.category .et_pb_post a img,
	.tag .et_pb_post a img {
            max-width: 210px!important;
            float: left;
            padding-right: 20px;}
 
    @media only screen and (max-width: 980px) {
    	.archive .et_pb_post a img,
	.search .et_pb_post a img,
	.category .et_pb_post a img,
	.tag .et_pb_post a img {
            max-width: 250px!important;}}



/*------------------------------------------------*/
/*---------------[6. VIDEO SECTION]---------------*/
/*------------------------------------------------*/

/* video on the home page */
	#video-laptop {
    		position: relative;
    		padding-top: 25px;
    		padding-bottom: 67.5%;
    		height: 0;}
	#video-laptop iframe {
    		box-sizing: border-box;
    		background: url(http://montereydev.com/themeshop/avalon/wp-content/uploads/2016/06/macbook-air.png) center center no-repeat; /* change url to your own domain url */
    		background-size: contain;
    		padding: 11.9% 15.5% 14.6%;
    		position: absolute;
    		top: 0;
    		left: 0;
    		width: 100%;
    		height: 100%;}







/*------------------------------------------------*/
/*-------------[7. TEAM IMAGE HOVER]--------------*/
/*------------------------------------------------*/

/* image hover animation */
	.hover-wrapper {
		position: relative;
		color: rgba(0,0,0,0);
		width: 100%}

	figure.gq-hover { 
		margin: 0;
		padding: 0;
		display: inline-block;
		line-height: 0;
		position: relative;
		overflow: hidden;}

	figure.gq-hover img{
		display: block;}

	figure.gq-hover figcaption a{
		text-decoration: none;}

	figure.gq-hover::before, figure.gq-hover::after{
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		background: black;
		position: absolute;
		opacity: 0.3;
		top: 0;
		left 0;
		-moz-transform: translate3d(0, -100%, 0);
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;}

	figure.gq-hover figcaption{
		position: absolute;
		display: block;
		line-height: 1.7em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
		background: #fff;
		padding: 10px;
		z-index: 100;
		width: 100%;
		max-height: 100%;
		overflow: hidden;
		top: 50%;
		left: 0;
		-moz-transform: translate3d(-100%, -50%, 0);
		-webkit-transform: translate3d(-100%, -50%, 0);
		transform: translate3d(-100%, -50%, 0);
		opacity: 0;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;}

	figure.gq-hover img{
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;}

	figure.gq-hover figcaption{
		top: 100%;
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);}

	figure.gq-hover:hover img{
		-moz-transform: translate3d(0, -30px, 0);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);}

	figure.gq-hover:hover figcaption{
		-moz-transform: translate3d(0, -100%, 0); 
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;}


/*------------------------------------------------*/
/*----------------[8. TAB MODULES]----------------*/
/*------------------------------------------------*/

/* tab module */
	.et_pb_module.et_pb_tabs.gq-tab-module {border: 0px;}
	.gq-tab-module .et_pb_tabs_controls li {border-right: 0px solid #000; padding: 5px 30px 3px 0px;}
	.gq-tab-module .et_pb_tabs_controls li a {font-weight: 900;}
	.gq-tab-module .et_pb_tab_active a {color: #78c9cc!important;}
	.gq-tab-module ul.et_pb_tabs_controls {border-bottom: 0px solid #d9d9d9; background-color: rgba(244, 244, 244, 0);}
	.gq-tab-module .et_pb_all_tabs {padding: 24px 30px 24px 0px;}

/* left tab module */
	.gq-left-tabs .tabs-left {border: 0px; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
	.gq-left-tabs .tabs-left .et-tabs-control{width: 50%;}
	.gq-left-tabs .et_left_tabs_bg {display:none;}
	.gq-left-tabs .tabs-left .et-tabs-control li a {text-align: right; padding: 0px 5px 5px 0px; font-weight: 900;}
	.gq-left-tabs .tabs-left .et-tabs-control li, .gq-left-tabs .tabs-left ul.et_shortcodes_mobile_nav li {border-bottom: 0px;}
	.gq-left-tabs .tabs-left .et-tabs-content {padding: 0px 0px 0px 20px;}


/*------------------------------------------------*/
/*------------[8. MISC CUSTOMIZATIONS]------------*/
/*------------------------------------------------*/



/* fullwidth header */
	.fw-header {
		padding-top: 250px;
		padding-bottom: 250px;}
	@media only screen and ( max-width: 767px ) {
		.fw-header {
			padding-top: 150px;
			padding-bottom: 150px;}}


/* section divider image */
	.white-section-divider-bottom img {margin-bottom:-1px;}

/* custom slider module */
	.et_pb_slider:hover .et-pb-arrow-next, .et_mobile_device .et-pb-arrow-next {right: -15px!important;}
	.et_pb_slider:hover .et-pb-arrow-prev, .et_mobile_device .et-pb-arrow-prev {left: -15px!important;}

/* right divider */
	.right-divider {
		width: 98px;
		float: right;
		margin-bottom: 0 !important;}
	@media only screen and (max-width : 767px) {
		.right-divider {float: left;}}

/* custom subscribe form */
	.custom-subscribe-form .et_pb_newsletter_form {width: 100%;padding-left: 0px;}
	.custom-subscribe-form .et_pb_newsletter_description {display: none;}
	.custom-subscribe-form #et_pb_signup_lastname {display: none;}
	.custom-subscribe-form p {padding-bottom: 4px;}
	.custom-subscribe-form p:last-of-type {margin-top: 4px;}

/* filterable portfolio adjustments */
	.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    		border: 0px solid #e2e2e2;
    		text-transform: uppercase;
	    	font-weight: 700;}
	.et_pb_gallery .et_pb_gallery_pagination, .et_pb_filterable_portfolio .et_pb_portofolio_pagination {border-top: 0px;}
 
    	@media (min-width: 981px){ 
        	.gq-portfolio-section .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item  {width:31.33%!important;}
        	.gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1) {clear: inherit;}
        	.gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n) {margin-right: 3%!important;}
        	.gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n) {margin-right: 0%!important;}}

/* custom accordion module */
	.gq-accordion-module .et_pb_accordion_item_0 {display: none;}
	.gq-accordion-module .et_pb_toggle_open h5, .gq-accordion-module .et_pb_toggle_close h5  {
    		padding: 20px 15px!important;
		transition:.5s;
		webkit-transition:.5s;}


/* custom blurb modules */
	.gq-custom-blurb .et_pb_blurb_content {max-width: 100%;}



/* feature thumbnails alongside post titles on blog page*/
     .et_pb_posts .et_pb_post a img {
            max-width: 210px!important;
            float: left;
            padding-right: 20px;}
     @media only screen and (max-width: 980px) {
        .et_pb_posts .et_pb_post a img{
            float:none;
            max-width: 250px!important;}}

/* make a row fullwidth on mobile */
	@media only screen and ( max-width: 767px ) {
		.fullwidth-row-on-mobile, .fullwidth-row-on-mobile.et_pb_row {
			width: 100%!important;
			padding-top: 75px!important;
    			padding-bottom: 75px!important;}}


/* transparent triangle sectional divider */
	.triangle:after,.triangle:before {
    		content:'';
    		position:absolute;
    		bottom:0;
    		width:50%;
    		z-index:100;
    		-moz-transform:rotate(0.000001deg);
    		-webkit-transform:rotate(0.000001deg);
    		-o-transform:rotate(0.000001deg);
    		-ms-transform:rotate(0.000001deg);
    		transform:rotate(0.000001deg);}
 
	.triangle:before{
    		right:30%;
    		border-right:3000px solid transparent;
    		border-left:100px solid;}
 
	.triangle:after{
    		left:70%;
    		border-left:2000px solid transparent;
    		border-right:100px solid;}








/*------------------------------------------------*/
/*-------------------[9. RWD ]--------------------*/
/*------------------------------------------------*/





/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*---[ADD YOUR CUSTOMIZATION BELOW THIS LINE]-----*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/