/*
Theme Name: Alamea
Theme URI: http://montereypremier.com/preview/amalea/
Description: A Premium Child Theme for Divi
Author: Geno Quiroz
Author URI: http://montereypremier.com/
Template: Divi
Version: 1.1
*/

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

/*======================= TABLE OF CONTENTS ================================
      
 	1. GENERAL
 	2. HEADER-MENU
 	3. GENERAL SECTIONS
 	4. SINGLE + ARCHIVE + SEARCH
 	5. FOOTER
 	6. FIXED MOBILE BAR
     
============================================================================*/


/*------------------------------------------------*/
/*------------------[1.GENERAL]-------------------*/
/*------------------------------------------------*/


/* lines */
	hr.line-left-light {
    		border: 0;
    		height: 5px;
    		width: 300px;
    		margin-left: 0px;}

	hr.line-left-short-light {
    		border: 0;
    		height: 1px;
    		width: 40px;
    		margin-left: 0px;}

	@media only screen and (max-width : 568px) {
		hr.line-left-light {
    			width: 50px;}}




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

/* fix blurry logo */
	#logo {-webkit-transform:none;}

/* menu bottom border slide up */
	@media screen and (min-width: 981px) {
		#top-menu-nav > ul > li > a::after {
			position: absolute;
			top: 40%;
			left: 0;
    			width: 100%;
    			height: 2px;
    			content: '';
    			opacity: 0;
    			-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    			-moz-transition: opacity 0.3s, -moz-transform 0.3s;
    			transition: opacity 0.3s, transform 0.3s;
    			-webkit-transform: translateY(10px);
    			-moz-transform: translateY(10px);
    			transform: translateY(10px);}
		#top-menu-nav > ul > li >  a:hover::after,
		#top-menu-nav > ul > li >  a:focus::after {
			opacity: 1;
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			transform: translateY(0px);}}

/* 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 {display:none;}

/* sub menu */
	.menu-item li {
    		line-height: 18px!important;}

	#top-menu li li {
    		padding: 0 10px;}

	#top-menu li li a {
    		width: 210px;
    		padding: 10px 5px;}

/* mobile menu button */
	.mobile_nav .select_page {
    		float: right;
    		padding-right: 34px;}


/*------------------------------------------------*/
/*-------------[3.GENERAL SECTIONS]---------------*/
/*------------------------------------------------*/


/* home and sub-page header sections */

	.et_pb_fullwidth_header_0 {
    		padding-top: 140px!important;}

	.home .et_pb_fullwidth_header_0 {
    		padding-top: 90px!important;}

	.mp-s-home-head .et_pb_fullwidth_header_subhead, .mp-s-head .et_pb_fullwidth_header_subhead {
    		font-size: 45px;
    		line-height: 45px;
    		font-weight: 600;
    		letter-spacing: 2px;
		padding-bottom: 10px;}

	.mp-s-home-head p, .mp-s-head p {
    		max-width: 400px;
		padding-top: 12px;}

	.mp-s-home-head .scroll-down.et-pb-icon {
    		margin-bottom: 46px!important;}

	@media only screen and (max-width : 980px) {
		#mp-s-home-head-id .et_pb_fullwidth_header {
    			height: 100vh;}}

/* home page header p animation */
	.mp-s-home-head .line-left-light {
		-webkit-animation-name: fadeLeft;
		-moz-animation-name: fadeLeft;
		-ms-animation-name: fadeLeft;
		-o-animation-name: fadeLeft;
		animation-name: fadeLeft;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		-moz-animation-timing-function: ease-in-out;
		-ms-animation-timing-function: ease-in-out;
		-o-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-delay: 2.25s;
		-moz-animation-delay: 2.25s;
		-ms-animation-delay: 2.25s;
		-o-animation-delay: 2.25s;
		animation-delay: 2.25s;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;}
		
	.mp-s-home-head p {
		-webkit-animation-name: fadeBottom;
		-moz-animation-name: fadeBottom;
		-ms-animation-name: fadeBottom;
		-o-animation-name: fadeBottom;
		animation-name: fadeBottom;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		-moz-animation-timing-function: ease-in-out;
		-ms-animation-timing-function: ease-in-out;
		-o-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-delay: 2.75s;
		-moz-animation-delay: 2.75s;
		-ms-animation-delay: 2.75s;
		-o-animation-delay: 2.75s;
		animation-delay: 2.75s;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;}


/* intro sections */
	.mp-s-intro .overlap-image-1 img {
    		padding-top: 5%;
		padding-left: 40%;
    		padding-right: 5%;}

	.mp-s-intro .overlap-image-2 img {
    		margin-top: -25%;
    		padding-right: 40%;
    		padding-left: 5%;}

	@media only screen and (min-width : 981px) {
		.mp-s-intro .margin-left-module {
			margin-left: -50px;}}

	@media (max-width: 980px){
		.mp-s-intro .et_pb_row {
    			padding: 0px 0;}}


/* image grids */
	.mp-s-image-grids .grid-single-image .et_pb_gallery_item.et_pb_grid_item {
    		width: 100%;}
	.mp-s-image-grids .et_pb_gallery_image {
    		margin-bottom: -1px;}
	.mp-s-image-grids .et_overlay {
		border: 0px solid #000;}


/* reservations blurbs */
	.mp-s-reservations .et_pb_blurb h4 {
    		padding-bottom: 0px;
    		font-size: 12px;
    		font-weight: 600;}


/* reservation form */
	.mp-s-reservations .et_pb_contact p input {
    		padding: 16px 16px 16px 0px;
    		background-color: rgba(255, 255, 255, 0);}


/* split sections */
	.mp-s-split-left .column-1 {
    		padding: 200px 90px;}
	.mp-s-split-left h1 {
    		font-size: 23px;}
	.mp-s-split-left h2 {
    		font-size: 60px;
    		line-height: 66px;}

	@media only screen and ( max-width: 767px ) {
		.mp-s-split-left h1 {
    			font-size: 18px;}
		.mp-s-split-left h2 {
    			font-size: 40px;
    			line-height: 45px;}}

	@media only screen and (max-width : 568px) {
		.mp-s-split-left .column-1 {
    			padding: 40px 20px;}}


/* split section for a person */
	.mp-s-split-person .column2 {
    		margin-top: 100px;
		padding: 65px 10px 65px 40px;
		margin-left: -70px;}
	.mp-s-split-person h2 {
		margin-top: 10px;
    		margin-bottom: 36px;}

	@media only screen and (min-width : 981px) {
		.mp-s-split-person .hidden {
		    	opacity: 0;}}

	@media only screen and (max-width : 980px) {
		.mp-s-split-person .column2 {
    			margin-top: 0px;
			padding: 40px 20px 40px 20px;
			margin-left: 0px;}}




/* menu section */
	.mp-s-menus .et_pb_tabs {
    		border: 0px solid #d9d9d9;}
	.mp-s-menus .et_pb_tab {
    		padding: 60px 30px 24px;}
	.mp-s-menus .et_pb_tabs_controls {
    		background-color: rgba(0, 0, 0, 0);}
	.mp-s-menus .et_pb_tab_active {
    		background-color: rgba(0, 0, 0, 0)!important;}
	.mp-s-menus .et_pb_all_tabs {
    		border-top: 0px solid rgba(217, 217, 217, 0);
    		background: rgba(255, 255, 255, 0);}
	.mp-s-menus .et_pb_tabs_controls li.et_pb_tab_active a {
    		text-decoration: underline;}

	.equal-tabs .et_pb_tabs_controls li {
    		width: 20%; /*change width of tabs here depending on the number of tabs you have*/
    		text-align: center;}

		@media screen and (max-width: 768px){ /*change device breakpoint here depending on the number of tabs you have*/
			.equal-tabs .et_pb_tabs_controls li {
    			width: 100%; 
			text-align: center;}}


/* testimonials */
	.testimonial-c1, .testimonial-c2, .testimonial-c3 {
    		background-color: #ffffff;
    		padding: 20px;
    		border-radius: 2px;
		box-shadow: 0px 0px 15px 3px #d2d2d2;
		transition: All 0.4s ease;
    		-webkit-transition: All 0.4s ease;
    		-moz-transition: All 0.4s ease;
		-o-transition: All 0.4s ease;}

	.testimonial-c1:hover, .testimonial-c2:hover, .testimonial-c3:hover {
    		box-shadow: 0px 0px 15px 0px #929292;}

	.testimonial-c1 {
    		margin-left: 8px!important;
		margin-right: 4.5%!important;}
	.testimonial-c2 {
		margin-right: 4.5%!important;}
	.testimonial-blurb .et_pb_main_blurb_image {
    		width: 50px!important;}

	@media only screen and (max-width : 980px) {
		.testimonial-c1 {
    			margin-left: 0px!important;}}


/* image float section between sections */
	.mp-s-image-float {
    		margin-top: -90px;
    		margin-bottom: -90px;}
	.mp-s-image-float img {
    		position: relative;
    		z-index: 1;
    		max-width: 150px;
    		padding-top: 50px;
    		padding-bottom: 50px;}


/*feature thumbnails alongside post titles on blog page*/
 
	.et_pb_posts .et_pb_post a img, .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, .et_pb_post a img{
            		float:none;
            		max-width: 250px!important;}}


/*------------------------------------------------*/
/*-----------[4.SINGLE+ARCHIVE+SEARCH]------------*/
/*------------------------------------------------*/

/* single+search+archive page header */
	.single-post-header .header-content {
    		max-width: 450px;}

/* single+archive fullwidth menu */
	.mp-s-single-post-fw-menu .sub-menu .nav li li {
     		padding: 0 0px;}

	.mp-s-single-post-fw-menu .et_mobile_menu {
    		background: #000;}

/* mobile menu button with icon */
	@media only screen and (max-width : 980px) {	
  		.mp-s-single-post-fw-menu  .mobile_menu_bar:before {
    			padding: 4px 0px 2px 2px;
    			top: 25px;
    			color: #fff!important;}
  		.archive .mp-s-single-post-fw-menu  .mobile_menu_bar:before {
    			padding: 4px 0px 3px 2px;
    			top: 24px;}
  		.mp-s-single-post-fw-menu  .mobile_menu_bar::after {
			font-size: 14px;
    			font-family: inherit;
    			content: "Category Menu";
    			position: relative;
    			padding: 10px 20px 11px 5px;
			top: 14px;
			cursor: pointer;}}

/* single+search+archive main content container */
	.single #main-content .container, .archive #main-content .container {
    		padding-top: 58px!important;}

/* single+search+archive page title */
	.blog-title {
    		margin-bottom: 60px;}
	hr.archive-line {
    		width: 25%;
    		float: left;
    		border: 0;
    		height: 1px;}

/* single+search+archive page title */
	.et_pb_post h2 {
    		font-size: 20px!important;}

/* single+search+archive pagination */
	.pagination.clearfix a {
    		padding: 10px;}

/* sidebars - pagebuilder + default */

	.mp-m-sidebar, #sidebar  {
    		padding: 15px!important;}

	.mp-m-sidebar ul, #sidebar ul {
    		line-height: 20px!important;}

	.mp-m-sidebar .et_pb_widget ul li, #sidebar .et_pb_widget ul li {
    		margin-bottom: 13px;}

    	.mp-m-sidebar .widgettitle, #sidebar .widgettitle {
        	font-size: 14px;
        	height: 33px;
        	line-height: 33px;
        	margin-bottom: 14px;
		padding-left: 5px;}
 
/* removes divider on post pages*/
	.container::before {display:none;}



/*------------------------------------------------*/
/*------------------[5.FOOTER]--------------------*/
/*------------------------------------------------*/


/* bottom footer */
	#footer-info a {
    		font-weight: 500;}
	@media only screen and (max-width : 980px) {
		#footer-bottom {
			padding-bottom: 70px;}}

/*------------------------------------------------*/
/*------------[6.FIXED MOBILE BAR ]---------------*/
/*------------------------------------------------*/


/* Icon */
	#fixed-bar span.et-pb-icon {
    		font-size: 15px;}

/* Text */
	#fixed-bar a {
		font-size: 12px; }

/* Position & Setup */
	#fixed-bar {
		bottom: 0;
		width: 100%;
		left: 0;
		position: fixed;
		vertical-align: middle;
		z-index: 99;
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); }
	.fixedmobilebar_section .et_pb_gutters1.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
    		width: 25% !important;}
	.fixedmobilebar_section.et_pb_row {
		max-width: 100% !important; width: 100% !important;}
	

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