/*
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.2
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
*/


/*======================= 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; }
		.logged-in #top-header { top: 0px; }

		/* REMOVE THE FOLLOWING LINES IF NOT USING FONT-AWESOME ICONS IN TOP HEADER */
		#main-header { top:48px !important; }
		.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-of-type(1) {
		display: inline-block;
		margin-right:2%;
		padding: 0px;
		padding-bottom:10px;
		width: 49%; }
	.gq-footer-subscribe .et_pb_newsletter_form p:nth-of-type(2) { display: none; }
	.gq-footer-subscribe .et_pb_newsletter_form p:nth-of-type(3) {
		display: inline-block;
		padding: 0px;
		padding-bottom:10px;
		width: 49%;
		float:right; }
	.gq-footer-subscribe .et_pb_newsletter_form p:nth-of-type(4) {
		display:block;
		float:right; }
	.gq-footer-subscribe .et_pb_newsletter_button { width: 180px; }

/*------------------------------------------------*/
/*-----------------[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(https://web-archive.nli.org.il/National_Library/oe_/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 {
		padding: 0px !important;
		font-weight: 900; }
	.gq-tab-module ul.et_pb_tabs_controls li.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 !important; }
	.gq-tab-module .et_pb_tab { padding: 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 */
	.et_pb_divider { height: 0px; }
	.right-divider {
		width: 98px;
		float: right;
		margin-bottom: 0 !important; }
	.right-divider.et_pb_space { height: 0px !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; }



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


